728x90 반응형 코딩공부3 [React] React Router 아주 쉽게 연습하기! 요즘 코드스테이츠 immersive course에서 열심히 리액트를 배웠다. 그와 함께 배운 react-router-dom을 연습하고자 연습 페이지를 만들었다. 공식 문서를 참고하면서 연습하였으며, 아래 각 컴포넌트에 대한 설명들은 모두 공식 문서를 기반으로 작성한 것이다. (공식 문서: 링크) 시작! 아주 새로운 빈 폴더로부터 시작할 것이기 때문에 새로운 디렉토리를 만들고 create-react-app으로 리액트 프로젝트를 시작한다. npx create-react-app . react-rounter-dom도 받아준다. package json에도 추가해준다. npm install react-router-dom --save 사용할 아이들을 import 해주어야 한다. import { BrowserRoute.. 2021. 5. 16. [회고] 코드스테이츠 Pre Course 회고 및 4개의 웹앱 과제 결과물 어느덧 코드스테이츠의 Software Engineer 과정을 시작한지 한 달이라는 시간이 지났다. 총 20주 동안의 공부 기간은 크게 Pre Course와 Immersive Course로 나뉘는데, 첫 한 달에 해당하는 부분이 Pre Course이다. 한달 내내 풀타임으로 아침 9시부터 오후 6시까지 (때로는 그 시간을 조금 넘어서까지) 각종 세션들이 있었고, 이제 내일이면 Pre Course를 수료하고 Immersive Course로 넘어갈 수 있는지 확인하는 Hiring Assessment이 진행된다. Pre Course의 주요 목표는 HTML, CSS, 그리고 자바스크립트의 기반을 다지는 것에 있다. 그래서 여러 레슨들과, 그 레슨들에서 배운 내용들을 문제 풀이에 적용하여 푸는 것이 주요한 공부 방.. 2021. 3. 29. [JS] Rest 파라미터 vs. 스프레드 문법(Spread syntax) Rest parameter와 스프레드 문법은 모양이 똑같아서 ( ... ) 굉장히 혼돈하기 쉽다. 하지만 둘은 엄연히 다른 것이다. 사실, 그 의미를 살펴보면 서로 반대의 개념을 갖고 있다고 볼 수 있다. Rest parameters는 함수에 전달된 인수들의 목록을 하나의 배열로 전달받기 위해서 매개변수 이름 앞에 ...을 붙이는 것인 반면, 스프레드 문법은 여러개의 값이 하나로 뭉쳐있는 이터러블(iterable. e.g. 배열)을 펼쳐서 개별적인 값들의 목록을 만드는 것이다. Rest parameters: 값들을 뭉쳐서 만드는 것 스프레드 문법: 뭉쳐있는 값들을 펼치는 것 Rest 파라미터 Rest 파라미터는 매개변수 이름 앞에 점 3개를 붙여서 정의한 매개변수를 의미한다. 이때 함수에 전달된 인수들은.. 2021. 3. 23. 이전 1 다음 728x90 반응형
