티스토리

  • Taak-e's Dev-Log (48)
    • Computer Sceience (6)
      • 알고리즘 & 자료구조 (0)
      • Computer Architecture (1)
      • etc. (5)
    • Language (6)
      • HTML & CSS (0)
      • JavaScript (6)
      • TypeScript (0)
    • Library & Framework (10)
      • React.js (5)
      • Redux (4)
      • Vite (0)
      • SWR (0)
      • Jest & RTL (1)
    • Infra & Tool (4)
      • AWS (1)
      • Git & Github (2)
      • VScode (0)
      • etc. (1)
    • Experience (22)
      • 원티드 프리온보딩 (7)
      • 부트캠프 by 항해99 (15)
전체 방문자
오늘
어제

인기 글

태그

  • 자바스크립트 비동기
  • 프리온보딩 기업협업과제 회고
  • Redux DevTools
  • Generator function
  • Middleware 사용하는 이유
  • 프리온보딩 회고
  • dependecy array
  • 테스트 주도 개발법
  • Redux 구성요소
  • Array-like objects
  • 리액트 테스트
  • 차이점
  • 프리온보딩 프론트엔드
  • Middleware 가 없이 동작한다면?
  • Redux 원칙 3가지
  • 유사 배열
  • HTTP 통신에서 횡단 관심사 처리
  • 소프트웨어 테스트 종류
  • React-Saga 사용 이유
  • 항해99
  • Iterable protocol
  • redux middleware
  • 프리온보딩
  • React-Saga
  • 유사 배열 객체
  • 원티드 프리온보딩
  • 비동기
  • React-Saga 활용법
  • Redux 모듈
  • 원티드 프리온보딩 회고
hELLO · Designed By 정상우.
Taak-e (탁이)

Dev.log ( Taak-e )

프리온보딩 코스 Week-3
Experience/원티드 프리온보딩

프리온보딩 코스 Week-3

2022. 9. 17. 15:54
반응형

1. 전역 상태 관리와 JavaScript Iterator & Generator

1-1. 디자인 패턴 (MVC & Flux)

 

Design Pattern (MVC & Flux)

1. Design Pattern 소프트웨어를 설계하면서 자주 발생하는 문제에 대한 모범답안 (설계 노하우를 패턴으로 정리) 일부 코드를 해결하기 위한 비교적 작은 범위를 다루는 것들도 존재, 애플리케이션

taak-e.tistory.com

1-2. Redux

 

Redux

1. About Redux Flux 패턴에 대해 알고 있다면 그것은 라이브러리나, 프레임워크가 아닌 디자인 패턴이다. 즉 Flux 아키텍쳐를 사용하기 위해서는 개발자들이 직접 이 아키텍쳐에 맞게 코드로 구현해

taak-e.tistory.com

1-3. Iterator & Generator

 

Iterator & Generator

1. Iterable protocol 1) Iteration “반복”이라는 의미를 가지고 있다. 모든 애플리케이션은 “순차, 분기, 반복" 3가지로 이루어져있다. 반복은 애플리케이션을 구성하는 3가지 요소 중 하나인만큼 개

taak-e.tistory.com

 

2. Redux에서 Middleware의 필요성과 사용법

2-1. Redux Middleware

 

Redux Middleware / DevTools

1. Middleware 란? 미들웨어는 “프레임워크의 요청과 응답 사이에 추가할 수 있는 코드” 라고 생각할 수 있다. 일반적으로 express, koa와 같은 서버 프레임워크단에서 미들웨어란 개념을 많이 사용

taak-e.tistory.com

2-2. Redux-Saga

 

Redux-Saga

1. Redux-Saga 를 사용하는 이유 간단한 비동기 통신들 같은 경우에는 Redux-Thunk 정도로도 충분하지만 규모가 어느정도 커진 애플리케이션의 경우 테스트의 용이성 병렬 처리 유지보수성 등의 이유

taak-e.tistory.com

 

3. Week-3 회고

개발 공부의 넓이와 깊이

이번 3주차에서는 멘토님이 해주시는 교육을 들으면서 개발 공부에 대한 넓이와 깊이에 대해서 고민을 해보았다.개발도 해야하지만, 내가 하는 개발에 관련된 기술이나 언어도 꾸준히 공부해야하는데 공부를 하면서 느끼지만, 일반 공부하듯 처음부터 끝까지 순차적으로 할 수 있는 그렇게 하기엔 그 깊이가 끝이 없어보였다. 그래서 이번 계기로 개발 공부의 넓이와 깊이에 대한 기준을 잡기로 했다.

 

당연히 프론트엔드 개발자라면 HTML, CSS, JS 를 기본적으로 알아야하지만, 공부를 해보면 기본이라하는 것들이 기본이 아닐 만큼 깊이가 있기도 하다. 하지만 깊이를 파다보면 어느샌가 다른 목적으로 흘러가는 경우가 생긴다. 그래서 나무가 가지를 뻗듯이 연결고리를 만들어 지식을 쌓아나가되, 중간중간 가지치기를 하듯 가지가 끝없이 뻗어나가지 않도록 적절히 깊이를 조절해나가야겠다고 방향성을 잡았다.

 

하나를 정확히 아는 것이 중요하다. 하지만 정확히 안다는 것도 사실 지금 막 개발자가 되는 과정에서는 그 깊이가 감당이 안되는 것도 사실이다. 그래서 공부하고 싶은 것, 더 알아야할 것, 계속적으로 공부해봐야할 내용들을 블로그를 통해 기록하고 또 공부 할 생각이다.

반응형
저작자표시 (새창열림)

'Experience > 원티드 프리온보딩' 카테고리의 다른 글

프리온보딩 코스 Week-5  (0) 2022.10.13
프리온보딩 코스 Week-4  (0) 2022.10.08
프리온보딩 코스 Week-2  (0) 2022.09.14
프리온보딩 코스 Week-1  (0) 2022.09.13
원티드 프리온보딩 프론트엔드 신청 / 선발과제 (Todo-List)  (0) 2022.08.24
    'Experience/원티드 프리온보딩' 카테고리의 다른 글
    • 프리온보딩 코스 Week-5
    • 프리온보딩 코스 Week-4
    • 프리온보딩 코스 Week-2
    • 프리온보딩 코스 Week-1
    Taak-e (탁이)
    Taak-e (탁이)
    프론트엔드 개발자 Taak-e (탁이) 입니다! 개발자 분들과 '함께 자라기' 위한 정확히 알고 설명할 수 있는 지식에 대해서는 기록하고 공유하기를 원합니다.

    티스토리툴바