어제 오늘 코드스테이츠에서 제공한 기업과제를 완성했다. 사진첩을 만드는 것이었는데 나는 추가 기능을 담당했다. 추가 기능으로 다크모드(toggle), 검색기능(search) 등을 했다. 먼저 다크모드, 나는 심화 코스 사전과제로 다크모드를 적용할 때 Recoil을 통해서 적용했다. 그런데 이번엔 styled-components 를 통해 다크모드 적용하는 것을 해보았다. createGlobalStyle 로 기본 적인 background-color와 text, border 등등 기본을 설정하고 lightTheme와 darkTheme 를 적용하니 이렇게 간단하다니.. 놀랐다.. 정말.. Recoil을 사용할 때 props로 해당 색상을 다 넘겨주면서 했는데 이렇게 간단할 줄은 몰랐다. 그래서 이 다크모드 적용..

# 시작의 한마디 어제는 시간의 여유가 없어서 오늘 다크모드를 완성하려고 한다. 방법은 recoil을 통해서 작업하려고 한다. recoil을 공부중이어서 선택하게 되었다. 라이트모드와 다크모드를 전역관리 해서 만들어 봐야지. # 과제 중 이슈/고민 .. 그리고 해결한 내용 Home과 PostDetail 페이지 각각 버튼이 들어가야한다. 어떻게 접근하지..? App.js에서 다크모드에 대한 state와 토글을 만들어서 props로 전달해서 하는 방법을 해봐야겠다. # 개발 업무내용 [오늘의 한 일] atoms.js에서 각 모드에 대한 상태값을 설정해주고 App.js에서 설정해준 상태값들을 불러와 토글을 만들어주었다. current라는 변수를 만들어 theme에 현재 state 값을 저장하고 필요한 값들을 ..

# 시작의 한마디 어제는 첫 화면에 게시물 리스트를 불러오는 것을 했고, 오늘은 상세페이지를 만들어 보고자 한다. # 과제 중 이슈/고민 .. 그리고 해결한 내용 [0731] - targetPost에 담은 data를 콘솔에 찍으면 잘 나온다. 그런데 왜 이걸 jsx로 작성하면.. 에러가 나는 것인지.. [해결] - 기존엔 useState를 그냥 비어두었는데 {} 빈 객체로 변경해주니 화면에 잘 나타난다! // 기존 const [targetPost, setTargetPost] = useState() // 변경 const [targetPost, setTargetPost] = useState({}) # 개발 업무내용 [오늘의 한 일] App.js isLoading 과 posts state를 Home.js 에서..

# 시작의 한마디 오늘부터 8월 5일(금)까지 코드스테이츠 심화 과정을 위한 사전 과제를 진행하려고 한다. 상세한 내용은 담지 않을 것이다. 내가 과제를 하면서 어려웠던 점 또는 무엇을 했는지 등 개발일지를 작성해보려고 한다. 그래야 README에 내용을 잘 담을 수 있을 것 같다. # 과제 중 이슈/고민 .. 그리고 해결한 내용 # 개발 업무내용 [오늘의 한 일] Wireframe Home.js useEffect() 함수를 이용하여 JSON Placeholder API, 비동기 처리로 요청하고 posts state에 저장 요청한 API에 title과 userId 보여주기 요청한 API 가지고 올 때 Loading... 보여주기 컴포넌트 분리 Posts.js Home.js posts state를 prop..

2주가 지난 지금에서야 회고를 해본다. 이 시작을 위해서 20년 8월부터 2월 중순까지 수없는 고민과 기도와 설득의 시간이 있었다. 모든 과정을 끄적일 순 없지만, 간단히 말하면 급여가 4개월이 밀렸었고, 아이가 생겨 4월 ~ 5월이면 태어날 예정이다. (다행히 2월 말에 밀린 급여를 받았다..😌) 이렇게 시작하게 된 코드스테이츠.. 내겐.. 목표도 분명하고 지금 이시간 정말 소중한 기회임은 틀림이 없다. 3월 2일 zoom을 통해 OT를 시작으로 개발자를 위한 공부가 진행 되었다. 점심을 먹고 오후부터 레슨 강의를 보고 zoom으로 첫 페어를 했다. 첫 페어는 게임을 진행했는데 5명이 한 조를 이뤄 돌아가면서 그림 문제를 내고 그려서 문제를 맞추는 게임이었다. 이 게임의 목적은 앞으로 진행하게 될 페어..