본문 바로가기
반응형

패스트캠퍼스118

2020-01-17 리액트 3번째 수업 - React Component Styling Style Loaders react 에서 CSS CSS Module Sass Sass Module 4개를 지원한다. 위치는 Webpack.config.js 파일에 위치해있음. BEM : css naming 하는 기법 개발자들끼리 css 스타일을 맞춤 SCSS와 Sass는 다른 것이다. 위와 같이 다름 (공식문서 참고) styled component와 ant design을활용하자. https://ant.design/ Ant Design - A UI Design Language and React UI library AntV Simple, professional, with unlimited possibilities for data visualization solutions Learn more ant.desig.. 2020. 1. 17.
2020-01-16 리액트 2번째 수업 - React router와 라이프사이클 Component LifeCycle 리액트 컴포넌트는 탄생(Mount)부터 죽음(unmount)까지 여러 지점에서 개발자가 개발할 수 있도록 class Component의 라이프사이클 메소드를 오버라이딩 할 수 있게 해준다. 그 메소드 중 render를 제외하고는 optional하다. componentDidMount - 주로 서버와 통신하는 용도 React 16.3버전 이전 render되는 기준 props의 변경이 일어나거나(or 부모의 컴포넌트가 render되면) componentWillReceiveProps부터 시작 state가 변경되거나 shouldComponentUpdate 부터 시작 componentWillReceiveProps : 이안에서 setState를 할 수 있는데 props와 state.. 2020. 1. 16.
React로 Tic Tac Toe 만들기 https://ko.reactjs.org/tutorial/tutorial.html#inspecting-the-starter-code 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 공식문서에 있는 내용을 위주로 따라 했습니다. ** 불변성이란? 데이터 변경 방법에는 직접 변경 / 원하는 변경 값을 가진 새로운 사본으로 데이터를 교체 2가지가 있다. 불변성의 특징 : - 이전 상태의 기억이 용이 : 우리가 어떤것을 만들다 보면 되돌리기 기능이 필요할때가 많은데 직접 변경해버리게되는경우 이전 상태를 불러오기가 굉장히 힘들다. 만약 2번째 방법을 이용한다면, 이전 상태를 쉽게 알 수 있으니 용이하다... 2020. 1. 15.
2020-01-14 React강좌 첫 수업 - 리액트를 위한 JS, 환경설정, 기초 이웅제 강사님( Mark Lee ) 프로토파이 회사에서 일하고 계심. Microsoft MVP로 활동. TypeScript Korea User Group Organizer Electron Korea User Group Organizer Youtube : Marktube 운영중 리액트를 위한 JS 정리 var는 문제아 - 함수 레벨 스코프만 지원 - 중복 선언 가능 - 생략도 가능 - 호이스팅 -> let은 해결사 : 블록 레벨 스코프 중복선언이나 호이스팅할때 에러발생해서 알려준다. SyntaxError - 문법적으로 오류, ReferenceError 참조 에러 let은 변경 가능 ( 값 자체와 참조값이 변경가능) const는 불가능 Primitive(원시값) vs Reference(객체) 참고: http.. 2020. 1. 14.
반응형