전체 글59 한달 리액트 공부 후기(+앞으로 공부 해볼 것들) 10월부터 지금까지 리액트 공부를 하고 3가지 토이프로젝트를 하면서 느낀 점과 부족한 점에 대해 정리해보려고 한다. 1. MBTI 검사 사이트 만들기(10.8 - 10.14) 코딩애플 인강을 듣고 리액트를 사용해서 첫 번째로 MBTI 테스트 사이트를 만들어 봤다. 배우고 처음 만드는 거라 정말 많이 헤맸다. props를 사용하는 게 익숙하지 않아서 처음엔 별 이상한 방법으로 컴포넌트에 데이터를 넘기고 받고 했었다... Link to에 데이터를 실어서 보내는 방법이 있길래 이 방식으로 했다가 옳은 방식은 아닌 거 같아서 후에 props로 데이터를 넘겨주는 방식으로 다 변경했다. 평소에 api를 json fake data로만 연습해보다가 실제 api를 가지고 axios를 사용해서 불러오는 연습도 해봤다. j.. 2021. 11. 9. [프로그래머스][JS] Lv.1 x만큼 간격이 있는 n개의 숫자 문제 설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 제한 조건 x는 -10000000 이상, 10000000 이하인 정수입니다.n은 1000 이하인 자연수입니다. 풀이 function solution(x, n) { var answer = [] for(let i = 1; i 2021. 10. 26. [프로그래머스][JS] Lv.1 평균구하기 문제 설명 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요.제한사항arr은 길이 1 이상, 100 이하인 배열입니다.arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 제한사항 arr은 길이 1 이상, 100 이하인 배열입니다. arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 풀이 function solution(arr) { const answer = arr.reduce((pre,crr) => pre+crr) / arr.length; return answer } 2021. 10. 25. [프로그래머스][JS] Lv.1 직사각형 별찍기 문제 설명 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수입니다. 풀이 for(let i=1; i 2021. 10. 25. [JS] Hoisting 이란? 호이스팅이란? 선언변수와 함수를 가져가서 미리 메모리에 저장을 해둔 다음 호출하는 것이다. 즉, 함수가 실행되기 전에 안에있는 변수들을 범위의 최상단으로 끌어올려서 먼저 선언함. 1) var a = 1; console.log(a); // 1 이럴땐 문제가 없음 2) console.log(a); var a = 1; // undefined 이 경우에 error가 뜨는 게 아니라 undefined 가 뜬다. 이게 왜 가능한가? 호이스팅 때문이다. 자바스크립트는 호이스팅을 할 때 변수의 선언과 초기화(undefined)를 같이 해준다. var는 지역, 전역 변수의 경계가 명확하지 않다. 함수만 지역변수로 호이스팅 되고 나머지는 다 전역 변수로 올라오게 됨. 아래의 코드를 보면 알 수 있음. 3) for (var.. 2021. 10. 11. 이전 1 ··· 7 8 9 10 다음
