<항해99 - DAY32>

hee·2022년 10월 20일

항해99 항해기

목록 보기
5/13
post-thumbnail

오늘 주특기 심화 주차 과제 제출을 완료했다. 비록 보잘 것 없어보이지만..
뿌듯함에 첫 화면 부터 아코디언이 작동되는 부분 그리고 상세보기까지 gif로 만들어봤다.

투두리스트를 작성하면 추가되고 댓글까지도 찍어놨는데 영상이 너무 길어지는 것 같아서 여기까지!

금요일부터 새로 제공되는 학습 자료들 보면서 Redux Toolkit을 새롭게 적용해보고
json-server(?)를 3001로 띄우고 거기에 데이터가 저장되고 지워지는게 신기하면서 재밌었다.

Thunk부터.. api로 호출하고 받아오는 과정은 아는데 이게 코드를 작성하는게 쉽지 않다.
지금은 그냥 손에 익을대로 익히는 방법 외에는 떠오르는게 없다.

영어나 기타 다른 언어들도 계속 입에 익을 때 까지 반복 연습하는거라고 했으니깐
프로그래밍 언어는 손에 익을 때 까지 반복.. 반복.. 😵‍💫

내일은 새로운 발제가 나오는데 드디어 백엔드를 배우시는 분들과 같이 작업하게 된다.
앞으로 또 어떤 즐거운 일들이 생길까 즐겁다.


내가 보려고 적는 키워드

  • 동적 라우팅
  • 유효성 검증 기능
    • 제목을 10글자 이상 기입하지 않으면, 글을 추가할 수 없도록 제한 => Alert 으로 안내
    • Form 에서 모든 input 에 값을 입력하지 않으면, 버튼이 비활성화
  • axios instance
  • development 환경에서만 redux devtool 활성화
  • 배포된 결과물에서 console.log() 숨기기
  • .env 를 이용해서 API서버의 URL 숨기기 ( 참고 )
    • js, jsx에서 process.env.REACT_APP_이름 사용
    • html %REACT_APP_이름% 사용
    • ? .gitignore 에 추가를 했더니 서버 동작을 안하는건 왜 일까?
      결국엔 .env 까지 github에 올려야지 동작되는 걸 확인함
profile
LOADING...

0개의 댓글