코드캠프 FE 07 2주차

목표 -실무적인 폴더구조 Container / presenter 1일차 -컴포넌트 분리 및 데이터 전달 props 실무적인 폴더구조 Container / presenter > - 페이지 컴포넌트: 페이지를 컴포넌트로 취급할때 페이지 컴포넌트라고 부른

목표 State의 원리 최신데이터 가져오기 (refetch) 목록에서 삭제하는 방법 State의 원리. 이전에 스테이트에 관해 배웠다. 이번에는 동작 원리에 대해 알아보고 그 동작의 단점을 피하는 방법을 알아보자. 스테이트에 값이 들어가면 (setState) 페이지컴포넌트 전체를 다시실행한다. 이를 리렌더링이라고 하고 이 과정에 너무 ...

수업목표 -컴포넌트의 재사용! 내 생각 리액트에선 컴포넌트로 하나의 파일을 나누는 방식을 채택했다. 다른 라이브러리는 배워보지 않아서 모르겠다. 리액트의 이런방식이 지금 배우는 과정에서는 매우 불편하게 느껴지지만 프로젝트의 사이즈가 커지고 복잡도

리액트 2주 4일차 -더 안전한(에러가 없는) 코드 -기존의 자바스크립트를 타입스크립트로 바꾸자 더 안전한 코드 (TypeScript) 오늘 강의에선 타입스크립트에 대해 배웠다. 타입스크립트란 무엇인가?? 타입스크립트는 기존 자바스크립트에 일부 기능들이 추가된 것이다. 오늘 배운 내용은 변수,함수,배열,객체 등에 데...

라우팅(Routing)은 한 네트워크에서 다른 네트워크로 패킷을 이동시키는 과정,네트워크안의 호스트에게 패킷들을 전달하는 과정을 의미한다.라우팅의 종류로는 정적라우팅,디폴트라우팅,동적라우팅이 있다. (코캠에선 정적과 동적을 배웠다.)네트워크에서 데이터의 전달을 촉진하는

조건부 렌더링이란 무엇일까?? 조건부 렌더링 (optional-rendering)이란 무엇일까?? 내가 수업때 조건부렌더링을 사용한 부분은 객체타입의 데이터를 불러올때. 불러오는 속도가 데이터가 저장되는 속도보다 빠르다면 그 객체의 값이 undefined로 나오기 때문에 조건부렌더링 이란 기술을 사용했다. 예를 들어 f...

타입스크립트에서의 구조분해할당. 타입스크립트에서는 각 변수마다 어떤 데이터형식의 값이 들어갈 것인지 미리 지정해 줘야한다. 이를 구조분해할당이라고 하는데 이를 활용함으로써 에러의 확률을 상당히 줄일 수 있다고 한다. 예를들어 변수 aaa:String = 'helloWorld'; 일때 이 변수에는 이제 문자열 말고는 들어가지 못하...

컴포넌트/프레센터 방식의 파일구조 파일을 구조화하는 방법에는 여러가지가 있다. 나는 그중 container/presenter 방식을 배웠고 이를 활용 할 예정이다. 이 방식은 아주 간단하게 파일을 나눈다. page디렉토리안에 모든것을 연결할 index파일을 하나 만든다. 그리고 javaScript와 기능적인 부분을 sr...

words.filter(word => word.length > 6) // 인자값의 길이가 6 이상이라면 통과

이런식으로 넘겨주면 된다.