synun
개발시넌
synun
전체 방문자
오늘
어제
  • 분류 전체보기 (71)
    • javascript (5)
    • react (8)
    • web (1)
    • git (3)
    • aws (1)
    • project (0)
    • 개발일기 (36)
    • 항해99 (16)
    • 회고 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • githubactions
  • Vite
  • use-sound
  • gh-pages
  • password authentication was removed
  • Algorithm
  • 인프콘
  • Howler
  • 항해99
  • 합성컴포넌트
  • 알고리즘풀이
  • react-query
  • wil
  • GIT
  • sipe
  • json-server
  • Selenium
  • SSE
  • Redux-toolkit
  • howler.js
  • framer-motion
  • fout
  • React
  • apt-fast
  • CI/CD
  • javascript
  • life-cycle
  • TIL
  • github actions
  • 인프랩

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
synun

개발시넌

[항해99] 4주차 React 숙련 회고
항해99

[항해99] 4주차 React 숙련 회고

2022. 12. 11. 23:53

🎓이번 주차 목표

리덕스를 사용하여 전역상태 관리를 할 수 있다.

 

[세부 목표]

1. redux로 상태 관리하기
2. styled-components로 css-in-js 적용하기
3. react-router-dom으로 router 구현

 

새롭게 적용하는 라이브러리 : 

styled-components, redux, react-router-dom

 

[과제]

리덕스로 전역 상태 관리하여 투두리스트 만들기

 

 

📝숙련 주차 시험

크리스마스 테마로 꾸며진 로비 어느새 12월

망가진 코드 해결하기

redux로 전역상태관리하고 있는 투두리스트 리액트 앱을 잘 작동하도록 고쳐보자

 

▶시험 해설 글 보러가기

 

[TIL] 하루가 너무 짧다구요

🥽리액트 입문 주차 시험 🔍시험 문제 살펴보기 1. 레이아웃과 기능은 화면에 보이는대로 2. App.jsx와 App.css 파일만 이용하기 3. 배포하기 레이아웃는 특별할 건 없으니 넘어가고 기능은 이번 주

synuns.tistory.com

🔑키워드

  • life-cycle
  • class-component
  • function-component
  • hooks
 

[React] Lifecycle과 메소드 그리고 Hook

React Life-cycle 출처 : https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ (각각의 메소드 버튼들이 리액트 공식문서로 연결되니 사이트에 들어가서 확인해봅시다.) 🕵️‍♂️클래스 컴포넌트 Mount 1.

synuns.tistory.com

 

 

👀TIL 모아보기

더보기

2022.12.02

 

[TIL] 결국 쓰러졌습니다

🏃🏻‍♂️숙련 주차 시작 이번 주차 목표는 다음과 같다. 1. redux로 상태 관리하기 2. styled-components로 css-in-js 적용하기 3. react-router-dom으로 router 구현 저번 주차에 만들었던 투두 리스트에 추가

synuns.tistory.com

2022.12.03

 

[TIL] 파산신청 직전입니다

✒알고리즘 문제 풀이 [programmers] level1 / 옹알이(2) GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contrib

synuns.tistory.com

2022.12.05

 

[TIL] 끝까지 가는 놈이 이긴다

✏알고리즘 문제 풀이 programmers/level1/명예의전당(1) GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contr

synuns.tistory.com

2022.12.06

 

[TIL] 미련이 남는 밤

✏알고리즘 문제 풀이 programmers / level2 / 2 x n 타일링 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Cont

synuns.tistory.com

2022.12.07

 

[TIL] 투두리스트 버전 2

📜알고리즘 문제 풀이 프로그래머스 / level2 / 귤 고르기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다

synuns.tistory.com

2022.12.08

 

[TIL] 더 좋은 것을 위한 고민

🔥알고리즘 문제 풀이 프로그래머스 / level2 / 괄호 회전하기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입

synuns.tistory.com

'항해99' 카테고리의 다른 글

[항해99] 6주차 미니프로젝트 회고  (5) 2022.12.25
[항해99] 5주차 React 심화 회고  (0) 2022.12.18
[항해99] 3주차 React 입문 회고  (2) 2022.12.04
[항해99] 2주차 알고리즘 회고  (2) 2022.11.27
[항해99] 버킷리스트에 취소/삭제기능 추가하기  (1) 2022.11.20
    '항해99' 카테고리의 다른 글
    • [항해99] 6주차 미니프로젝트 회고
    • [항해99] 5주차 React 심화 회고
    • [항해99] 3주차 React 입문 회고
    • [항해99] 2주차 알고리즘 회고
    synun
    synun

    티스토리툴바