300x250 비전공자개발자되기45 [알고리즘 문제풀이]x만큼 간격이 있는 n개의 숫자_프로그래머스1단계 문제설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 주의사항 x는 -10000000 이상, 10000000 이하인 정수입니다. n은 1000 이하인 자연수입니다. 입출력예시 코드 function solution(x, n) { let answer = []; for(let i =0; i 2021. 6. 18. [알고리즘 문제풀이] 두 개 뽑아서 더하기 문제설명 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 주의사항 numbers의 길이는 2 이상 100 이하입니다 numbers의 모든 수는 0 이상 100 이하입니다. 입출력예시 코드 function solution(numbers) { var answer = []; for(let i =0; i < numbers.length ; i ++){ for(let j=i+1; j 2021. 6. 18. [알고리즘 문제풀이]3개의 수를 더한 숫자를 소수 만들기 문제풀이 주어진 숫자 중 3개의 수를 더했을 때 소수가 되는 경우의 개수를 구하려고 합니다. 숫자들이 들어있는 배열 nums가 매개변수로 주어질 때, nums에 있는 숫자들 중 서로 다른 3개를 골라 더했을 때 소수가 되는 경우의 개수를 return 하도록 solution 함수를 완성해주세요. 제한사항 nums에 들어있는 숫자의 개수는 3개 이상 50개 이하입니다. nums의 각 원소는 1 이상 1,000 이하의 자연수이며, 중복된 숫자가 들어있지 않습니다. 입출력예시 코드 function solution(nums) { let answer = 0, number=0; for(let i=0;i 2021. 6. 16. [알고리즘 문제풀이] 완주하지 못한 선수 with javascript 문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. 입출력 예시 코드 작성 1. 정렬 후 같은 인덱스 위치에 없으면 리턴 function .. 2021. 6. 14. 코드스테이츠 10주차 리뷰 - 섹션2를 마치며 드디어 10주차가 되어 두번째 섹션을 마무리하는 ha시험까지 치뤘다. 결과를 먼저 말하자면 30기로 기수 이동 되었다. 기수이동이 된 날 저녁까지 왜 떨어졌을까 생각했다. 일단 HA시간에는 코플릿형과 과제형 두가지로 나뉘어 출제되었고, 코플릿은 3문제 중에 2문제의 조건 하나씩을 제외하고는 풀었다. 3번 그래프 문제에서 정말 포기하고 싶었는데, 예전 했던 코플릿을 돌아보며 어...이거 이용하면 근접은 하겠는데 하면 5시30분부터 제출전인 6시까지 온 힘을 다해 풀었더니 테스트통과 조건 4개 중에 3개까지 맞추게 되었다. 이때는 기분이 째졌다.ㅋㅋㅋ 과제형은 client와 server문제를 각각 react와 nodejs를 활용하여 푸는 문제였고, 모두 테스트 통과하였다. 쪼금 아쉬운건 테스트 통과는 되었지.. 2021. 6. 13. [react, Css-in-JS]modal창 구현, styled 사용법, cursor, × 1. modal 창 구현하기 결과화면 (storybook 이용) 알게 된 것 1. styled-components 활용하기 -리액트의 한 컴포넌트 안에서 스타일을 적용시킬 수 있다. 깔끔하게 - styled-components을 사용하기 위해서는 맨 위에 import styled from 'styled-components'; 를 써준다. -기본적인 형태는 다음과 같다. 첫줄과 마지막 줄이 가장 기본의 형태이고, 적용할 속성은 다음과 같이 들어가면 된다. - 형태인 modalBtn의 변수에 스타일을 할당해준 것. export const ModalBtn = styled.button` background-color: #4000c7; text-decoration: none; border: none; paddin.. 2021. 6. 8. [react] CSS-in-JS 관련 라이브러리 Styled Component Styled Component 정의 React 의 컴포넌트 기반 개발 환경에서 스타일링을 위한 CSS의 성능 향상을 위해 만들어졌다. styled Component 를 사용하면 기존 CSS 문법으로도 스타일 속성이 추가된 React 컴포넌트를 만들 수 있다. styled Component 1. Automatic critical CSS : 화면에 어떤 컴포넌트가 렌더링 되었는지 추적해서 해당하는 컴포넌트에 대한 스타일을 자동으로 삽입된다. 2. No class name bugs : 스스로 유니크한 className 을 생성한다. 이는 className 의 중복이나 오타로 인한 버그를 줄여준다. 3.Easier deletion of CSS : 모든 스타일 속성이 특정 컴포넌트와 연결되어 있기 때문에 만약 컴.. 2021. 6. 1. [JavaScript] 객체 메소드assign()와 배열메소드 findIndex() 개념정리 객체 메소드 findIndex()와 assign() 2가지 알아보기 findIndex() 1 2 3 4 5 6 7 const array1 = [5, 12, 8, 130, 44]; const isLargeNumber = (element) => element > 13; console.log(array1.findIndex(isLargeNumber)); // 3 이 나온다. Colored by Color Scripter cs findIndex라는 매소드는 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다. 1 2 3 4 5 6 7 const array = ["google", "naver", "kakao", "facebook", "coupang.. 2021. 6. 1. [web server] CORS(cross-origin resource sharing) 개념 정리 Same-origin policy (동일 출처 정책) 1. 프로토콜( http / https) 2. 포트( 8000 / 5000 / 3000 ) 3. 호스트 (도메인 이라고도 한다.) (tistory.com / naver.com / google.com ) CORS(cross-origin resource sharing) 기본적으로 요청과 응답은 동일 출처 정책에 따른다. 보안을 위해 다른 출처에서 갖고 온 리소스를 믿지 못해 잠재적 위험성을 아예 차단해버리면 XSS와 CSRF를 막을 수는 있지만 개발시 외부 API를 사용하는 경우도 많고 클라이언트와 서버를 분리하여 개발하는 경우도 많기에 동일 출처에만 리소스를 요청하는 것은 현실적으로 어렵다. 그래서 동일 출처 정책에 예외를 두어, 요청의 출발지와 목적지.. 2021. 5. 30. 이전 1 2 3 4 5 다음 반응형
