haranglog haranglog

우아한 테크러닝

• ✔ 우아한 테크러닝 3기: React & TypeScript 6회차

  우아한 테크러닝 3기 2020. 9. 20. 20:45

  ✌ 9월17일 (목) 우아한 테크러닝 3기 6회차 강의 정리 🚀 6회차 강의 목표 webpack에 대한 흐름 이해하기 React & Typescript 살펴보기 redux-saga 사용하기 🚀 Webpack 흐름 이해하기 Webpack은 Webpack Cli라고 하는 도구가 존재한다. 단지 Hello world를 찍기 위해서 필요한 설정들이 이렇게나 많이 필요하다 @babel/core과 같은 @가 붙여져 있는 것들은 트랜스파일링 할때 사용된다. 일종의 플로그인이다. webpack은 webpack.config.js라는 이름을 갖는 설정 파일을 갖는다. 이름 변경될 수 있지만 관례적으로 사용된다. webpack은 webpack.config.js읽어서 실행시켜주는데 실행시켜줄 때 config객체를 export..

  Read More
• ✔ 우아한 테크러닝 3기: React & TypeScript 5회차

  우아한 테크러닝 3기 2020. 9. 19. 19:03

  ✌ 9월15일 (화) 우아한 테크러닝 3기 5회차 강의 정리 🚀 5회차 강의 목표 javascript로 만든 Redux 리뷰 Redux의 비동기 Redux 미들웨어 알아보기 💻 Redux 리뷰 2회차때 만든 리덕스를 사용하여 store와 reducer 생성 해준다. 자세한 내용은 위 링크 참조 🙏 index.js import { createStore } from "./redux"; function reducer(state = { counter: 0 }, action) { switch (action.type) { case "inc": return { ...state, counter: state.counter + 1 }; default: return { ...state }; } } const store = ..

  Read More
• ✔ 우아한 테크러닝 3기: React & TypeScript 4회차

  우아한 테크러닝 3기 2020. 9. 11. 23:26

  ✌ 9월10일 (목) 우아한 테크러닝 3기 4회차 강의 정리 🚀 4회차 강의 목표 💻 React 컴포넌트의 상태와 관리 🎯 커뮤니케이션!! 😤 비동기와 제너레이터 타입스크립트는 다음주부터! 🤩 🚀 React 컴포넌트의 상태와 관리 React 애플리케이션을 만든다. index.jsimport React from "react"; import ReactDOM from "react-dom"; ReactDOM.render( , document.getElementById("root") ); App.jsimport React from "react"; const App = () => { return ( React and TypeScript 1회차: Overview 2회차: Redux 만들기 3회차: React 만들기 ..

  Read More