# 우아한테크러닝

28개의 포스트

daily7) 우아한 테크러닝 React&TypeScript

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

3일 전
·
0개의 댓글

daily6) 우아한 테크러닝 React&TypeScript

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

3일 전
·
0개의 댓글
post-thumbnail

daily5) 우아한 테크러닝 React&TypeScript

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

5일 전
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (3)

index.jsredux.jsaction : 상태 변화가필요할 때 객체의 형태로 발생시킴. type 필드는 필수적으로 가지고 있어야하고 추가적으로 다른 필드도 가질 수 있다.action 생성함수: 액션을 만드는 함수. 액션 객체를 만들 때 필요한 데이터를 인자로 받아

2020년 9월 18일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (2)

new 연산자 new 연산자가 호출되면 새로운 빈 오브젝트를 생성하고 this를 새롭게 생성된 객체에 바인드 시킨다. 새롭게 생성된 this는 constructor(생성자) 역할을 한다. foo 함수는 생성자 함수가 된다. y는 new 연산자로 호출된 foo()함수

2020년 9월 18일
·
0개의 댓글
post-thumbnail

#5 우아한 테크러닝 3기 2주차 - 2

컴포넌트 디자인 및 비동기index.js클래스형 App.jsArrow Function 은 lexical scope 를 따르기에 this 를 bind 해줄 필요가 없다.(this 가 고정된다.)함수형 App.js상태(state)는 클래스형 컴포넌트에서만 사용 가능했다.

2020년 9월 17일
·
0개의 댓글
post-thumbnail

#4 우아한 테크러닝 3기 2주차 - 1

특정 데이터(list)를 어떠한 형태(app)로 어디(rootElement)에 그려주는 일련의 과정.(위의 간단한 예시와 같이) 위 app 함수는 직접 DOM 에 접근해 다루기에 권장하지 않는다.규모가 커지면 리팩토링 등 겉잡을 수 없이 개발이 어려워지기 때문이다. 즉

2020년 9월 17일
·
0개의 댓글
post-thumbnail

#3 우아한 테크러닝 3기 1주차 - 2

2020년 09월 03일 목요일Javascript의 타입과 변수 선언법 :link:(- Javascript의 값 :link:(- Javascript의 함수 :link:(- ES6 이후 변형된 함수 문법 :link:(- new 연산자와 함수와 인스턴스 객체

2020년 9월 17일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (1)

우아한 테크러닝 강의 2회차 (2020.09.03) Javascript에서의 값 > javascript는 거의 모든 것이 값이다. 숫자도, 객체도 함수도 값이다! x는 변수, 10은 값이다. javascript에서 값이라는 것은 모든 변수에 넣을 수 있다 => 함

2020년 9월 16일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 1회차

우아한 테크러닝 강의 1회차 (2020.09.01) typescript 타입명시 타입 알리어스 타입명을 개발자가 원하는 이름으로 설정할 수 있음. 컴파일 타임에만 작동하는 것과 런타임에 작동하는 것이 따로 있음. 객체 타입도 만들 수 있음 타입 알리아스와 인

2020년 9월 14일
·
0개의 댓글

daily4) 우아한 테크러닝 React&TypeScript

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

2020년 9월 14일
·
0개의 댓글

daily3) 우아한 테크러닝 React&TypeScript

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

2020년 9월 14일
·
0개의 댓글
post-thumbnail

[우아한 테크러닝] React&TypeScript 4회차(1) - React 함수 컴포넌트 상태와 컴포넌트 분리

좋은 코드를 만드는 방법은 쪼개는 것이다.코드를 쪼개 단위 단위의 컴포넌트로 만들면 가시성이 좋아진다.가장 기본적인 형태의 React 애플리케이션이다.index.jsApp.jsul > li 태그를 배열로 만들어 store이라는 변수에 담아 App.js에 전달한다.App

2020년 9월 12일
·
0개의 댓글

[우아한테크러닝 3기] React&TypeScript #4일차

일정 : 2020-09-10 19:30 ~ 22:00JSX 안에 코드가 많아지면 가독성이 떨어진다. 컴포넌트를 분리해서 선언적으로 만들어 가독성을 높인다.Naming어떻게하면 잘게쪼갤까? 분리할까 고민할때 분리하자.function : this가 실행시점에 정해짐arro

2020년 9월 10일
·
0개의 댓글

우아한 테크 러닝 3기 세미나 내용 정리 part.3🙌🙌

컴포넌트 디자인 및 (리덕스 미들웨어), 비동기

2020년 9월 10일
·
0개의 댓글
post-thumbnail

[우아한 테크러닝] React&TypeScript 3회차 - React 만들어보기

list라는 이름으로 만든 배열을 자바스크립트로 화면에 그리는 과정을 코드로 작성했다.위의 코드는 innerHTML을 이용하여 Element를 생성하여 직접 넣어주고 있다.이를 '순수 함수'로 변경해보자.( 순수함수 : 동일한 인자를 넣었을 때 항상 동일한 리턴값을 반

2020년 9월 9일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기(3) - JS로 리액트 구현하기

지난 시간에 리덕스를 자바스크립트로 구현했던 것처럼 이번 시간에는 리액트를 자바스크립트로 구현하는 것이 강의 목표! > - 리액트에 대한 기본적인 부분 > - 리액트 구현해보기 리액트 (도입부터 띵언으로 스타트!) 공식문서 보고 학습하다 보면 지식의 넓이가 넓어질

2020년 9월 9일
·
3개의 댓글
post-thumbnail

우아한 테크러닝 3기(2) - 이문식과 자바스크립트 그리고 리덕스

TS를 쓰는 React를 쓰든 어쨌든 둘 다 JS이고, JS에 대한 지식이 진짜 중요하기 때문에 이날 강의 목표는 > - 자바스크립트를 A부터 Z까지! > - 거기다 리덕스! 자바스크립트 A to Z 기억해, 이문식..!

2020년 9월 8일
·
0개의 댓글

[우아한테크러닝 3기] React&TypeScript #3일차

React는 DOM을 조작하기 쉬운 Object로 변환해주는 것간단하게 만든다.pure function으로 만든다.pure function : 입력이 같으면 항상 출력이 같은 함수JS는 스크립트 언어이기때문에 Compile Time이 없었지만,기술이 발달하면서 브라우저

2020년 9월 8일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 React&Typescript 2회차

2020.09.03 Thursday JavaScript 맛보기 1. JavaScript 변수 선언 JavaScript 에서는 var,let,const 세 가지로 선언할 수 있다. > 혼자 정리하는 이론 var는 함수를 단위로 범위(스코프)를 갖는다. 함수 범위

2020년 9월 6일
·
4개의 댓글