학습 우선순위

 

0. ORM(쿼리) -DB

1. js(es5 es6)

2. react(함수형) - state, hook 위주

3. redux

4. 형상관리 git lab, 일정관리 youtrack

 

 

 

시각화팀 소속

 

 

 

Front -nodejs + react (jsx)

 

react(함수형) - state, hook 위주  >>> 비동기식

장점: 모든것(spa)을 랜더링 하는것이 아닌 일정부분만(state) 랜더링하여 부드럽고 자원소모가 적다

 

state

-immutable > 쉽게 못바꿈 > get, set을 활용

전역변수는 

store에 저장하여 따로 관리 

ex) 로그인 인증 토큰

 

hook - 상태값 감시, 생명주기 관리

useState 

 

패키지 매니저 - 의존성 관리

npm - 방대하고 무거움

yarn - 가볍고 오프라인에서 (내부망) 사용가능

 

 

redux toolkit

{

redux - 상태관리 라이브러리 >>>>> 전역변수 관리

redux api를 활용하여 통일하여 유지보수

(state + action)   

}

서로 통신

{

redux async

}

 

js 아닌 ts활용시 recoil

 

 

useEffect 사용시 메모리 소모하는 무한 렌더링 주의

 

 

 

Back - jango(pip)

과거 - get 으로만 >>> rest framework lib - http함수따라 get post put del

serializer > 경력, 검증, tablr join

signal > 트리거 > 동시구현, ex)로그 쌓기, 로그인 알림

 

구조

프로그램{

   앱 

              인증체계

   앱

   앱

              비지니스 로직 

   ------    세팅

               유얼엘

               뷰 

              ......

} 

등 보안상 생략

 

 

 

코딩하기에 앞서서 readme.md 필수!

commit - 양식 대로 작성할것!

 

 

 

 

doker component > dokerstack  시간 남으면