우아한 tech

한달간 강의를 듣고 매일 간단히 배운 내용에 대해 정리를 해보겠습니다. 자세한 내용들은 추후 스터디를 하고 다시 추가 정리하도록 하겠습니다.🙌 우아한 테크러닝? React&TypeScript? 우연히 페이스북에서 배달의 민족에서 우아한 테크러닝을 한다는 소식을 보고

3회차에는 react를 간단하게 만들어보았습니다.dom을 직접 다루다보면 복잡도가 매우 올라가게 됩니다. react에 virtual dom의 원리는 reflow->repaint와 같은 복잡한 연산의 횟수를 줄여주고자 통틀어 1개의 dom을 리턴하는 형태이다.github

좋은 아키텍쳐란?1\. 네이밍만 잘해도 70%는 먹고 들어간다.2\. 코드가 비대해지기 전에 잘게 쪼갠다.// react 클래스형 this 바인딩 arrow함수 차이 공부해보기함수형보다 class형 컴포넌트를 선호하는 이유??1\. 코드량이 확연히 적어진다.2\. 코드

webpack공부하기 좋은 사이트https://joshua1988.github.io/webpack-guide/tutorials/code-splitting.html#%EC%8B%A4%EC%8A%B5-%EC%A0%88%EC%B0%A8

플랫폼, 틀만 제공해주는 역할을 합니다.webpack를 지하철역으로 예를 들면 그 안에 상점이나 지하철 등은 플러그인이나 로더 등 웹팩을 구성하기 위해 여러가지것들을 의미합니다.middleware의 역할을 합니다. entry로 부터 파일을 읽어온후 loader에 넘겨주

외부상태에 의존적인지 여부에 따라 크게 나눌 수 있습니다.외부상태에 의존적이라는 것은 비즈니스 로직을 품고 있는지를 의미합니다.프로젝트를 구성할 때 아래와 같이 나눌 수 있습니다.비즈니스 로직을 담고 있으며 상태를 가져와 하위 컴포넌트를 결합합니다.개별 컴포넌트로 비즈

드디어 마지막 강의날입니다!!😂😂이날은 redux관련되어 예제 중심으로 살펴보았습니다.예제 내용은 추가할 예정mobx는 기능이 매우 다양하여 document를 참고해가며 하나씩 공부해나가면 좋을 것 같습니다.react없이도 사용가능하며 react와 잘 쓸수 있도록

간단하게 자바스크립에 대해서 훑고 redux를 직접 구현하는 방식으로 수업이 진행되었습니다.개인적으로 redux가 좀 어렵다고 생각했는데 구현하시는걸 보니 정말 어렵더라구요!! ㅎㅎㅎ 반복해서 하다보면 적응이 되겟죠?? ㅎㅎ 😀😀😀 (redux 구현하는 코드는 연