🌊 TIL : 2023년 6월 6일 오늘 한 것 비동기 복습 다크모드 react로 구현 후 타입스크립트 적용시켜보기 // ThemeContext.tsx import React, { ReactNode, createContext, useEffect, useState } from 'react'; const ThemeContext = createContext({ isTheme: false, toggleTheme: () => {} }); interface ThemeProviderProps { children: ReactNode; } const ThemeProvider = ({ children }: ThemeProviderProps) => { const [isTheme, setTheme] = useState( ()..

🌊 TIL : 2023년 6월 5일 오늘 한 것 context api 공부 react에 ts 적용한 프로젝트 셋팅 github actions 오늘은 잘한점 스킵.. 배운 점 배움 어제부터 yarn을 이용해 react에서 typescript 프로젝트 셋팅을 하면 자꾸 vscode에 빨간 줄이 뜨는 오류가 발생했다. 해당 오류를 나는 이 블로그에서 언급한 것과 같이 영역 버전이 틀려 발생하는 일이라고 생각했다. 하지만 나는 작업 영역 버전 사용이라는 메뉴가 출력되지 않아 블로그에서 적힌 방법으로는 수정이 불가능했다. 나는 yarn의 처리속도가 빠른 것 때문에 늘 yarn을 사용해왔기 때문에 고쳐보기 위해 여러 곳에 검색해봤으나 결국은 찾지 못 하였다. 참고한 블로그 [VSCODE] typescript 파일에..

🌊 TIL : 2023년 6월 3일 오늘 한 것 Youtube Clone 완성 Clone 하며 부족했다고 생각한 점들이나, React Hook 복습 멘토분께 조언 구하기 잘한 점 상황 youtube clone을 끝내고 내가 부족했던 점을 정리하기 액션 class 문법 미숙 axios 라이브러리, fetch api 사용 미숙 어려웠던 부분을 다시 공부하기. 칭찬 난 늘 발전하구 있다! 배운 점 배움 멘토님께 조언 요청하고, 학습 관련 고민 털어놓아 많은 이야기를 해주셨다. 오늘 배움의 의미 조금 더 공부의 방향성을 잡고 달릴 준비!! 개선점 문제 사실 클론코딩을 하며 느꼈던 점인데, 솔루션 강의가 있다보니 쉽게 포기하게 되는 것 같았다. 그런데 이제 별거 아니더라도 간단히 내가 코드를 쳐보는 방향으로 공부..

🌊 TIL : 2023년 6월 2일 뜬금없지만 블로그 하단에 copyright 색상 연한거 보고 부랴부랴 가독성 떨어지는 색상을 진하게 바꿨는데 보일 때 마다 바꾸다보니 컬러의 통일성을 못 지키고 있는 것 같아서 찜찜하다. 맥북 케이블 선을 실수로 끊어먹어서 부랴부랴 구매하고 급한대로 핸드폰 충전기로 충전 중인데 와트가 달라서 충전이 엄.....청 느리다. 내일 공부를 위해 빨리 케이블이 배송 왔음 좋겠다. 오늘 한 것 유튜브 클론코딩 디테일 페이지 연결 및 제작 솔루션 강의 보기 AWS 공부 잘한 점 상황 어제 react-query를 사용하는데도 왜 axios를 사용하는 건 지 의문이 있었다. 액션 의문을 해결했는데 이 의문을 해결하자마자 콜라 1.5리터를 꿀꺽꿀꺽 한 느낌이었다 ㅎ react-quer..

🌊 TIL : 2023년 3월 14일 오늘 한 것 잘한 점 상황 유튜브 리스트를 강의를 보지 않고 먼저 구현하려 하였다. Date 라이브러리 부분만 직접 구현하려다가 힌트를 얻어 사용하였다. 액션 timeago.js 라이브러리를 사용하여 날짜 데이터 포맷 변경하려 했는데 자꾸 import 오류가 발생하였다. 재설치를 여러 번 시도하였는데 안 되서 멘붕 중이었는데 혹시? 하는 생각에 VS CODE를 껐다가 다시 켰는데 바로 import가 되었다.. 헐.. 너무 황당ㅋㅋㅋ 했는데 해결 됐으니 굿.. 칭찬 끼야호옷 어제보다 발전하는 나 배운 점 배움 React Router에서 useLocation을 알게 되었다. useNavigate의 2번째 인자로 state를 전달할 수 있는 것을 알게 됐다. 오늘 배움의 ..

🌊 TIL : 2023년 5월 31일 오늘 한 것 타입스크립트 interface 공부 타입스크립트애서 객체 지향 하기 강의 시청 리액트 유튜브 클론 강의 시청 잘한 점 상황 끈기 있게 강의 열심히 보았다. 액션 타입스크립트 객체 지향에 관한 강의와 유튜브 클론 솔루션 강의를 시청하였다. 칭찬 그래도 꾸준히 본 나 칭찬해 배운 점 배움 유튜브 클론강의에선 데이터 받아오는 것을 axios를 사용한 후 Context를 이용하는데 사실 context를 많이 본 적이 없어서 찾다가 좋은 글을 발견하여 읽게 되었다. 나도 모르게 자꾸 context를 상태 관리에 사용한다고 착각을 하게 되어 조심해야할 것 같다. https://olaf-go.medium.com/context-api-vs-redux-e8a53df99b..

🌊 TIL : 2023년 5월 30일 오늘 한 것 타입스크립트 객체지향 공부 잘한 점 상황 class 문법 복습하며 class를 ts로 작성하였다. 액션 잘한 점..?은 그냥 열심히 했다.. 칭찬 난 역시 최고야 배운 점 배움 class에서 static에 대해 공부하였고, 어떻게 하면 더 객체지향을 지키며 코딩할 수 있을 지 공부 하였다. 오늘 배움의 의미 객체지향 코드 작성 공부 b 다른 언어를 위해서라도 열심히 공부해야겠다. 개선점 문제 class 문법 너무 오랜만에 써서 기억이 잘 안난다.. 원인 자주 사용하지 않음..! 함수랑 class 언제 구별해서 써야하는 지 모르겠다. 해결 방법 주말 내에 class도 복습해야할 것 같다. 프로젝트 2주 남았는데 잘 할 수 있을까?

🌊 TIL : 2023년 5월 29일 오늘 한 것 type script 강의 듣기 type script 핸드북 읽기 잘한 점 상황 오늘은 타입스크립트 문법에 대해 주로 공부하였다. 사실 type 별거 아니지! 싶었는데 생각보다 까다로웠고 여러가지 경우의 수를 찾아보느라 시간이 오래 걸렸다. 액션 아주 간단한 함수지만 요즘 자꾸 GPT에 의존하게 되는 내 모습을 경계하고 있었는데 이론 공부 후에 스스로 코드를 짜보려고 노력하였다. 칭찬 넌.. 최고의 오구야.. 배운 점 배움 object나 any, enum 타입을 보며 여러 가지를 포괄하는 개념이니 사용하면 굉장히 편하겠네? 라는 생각을 하였는데 강의를 들으며 그것이 타입스크립트가 추구하는 방향성과는 맞지 않는다는 것을 깨달았다. 또, 솔로프로젝트 중 내가..