CASSIE'S BLOG

FE 1차 Project 해설 강의 자료 💡 OVERVIEW 클론 프로젝트 해설 프로젝트 의도 피드백 다음 프로젝트 전 준비사항 💡 LECTURE 프로젝트 의도 우리가 실제 서비스에서 사용하는 동작을 동일하게 구현할 수 있는가 간단한 동작들처럼 보이지만, 실제 구현은 간단하지 않은 경우도 많다. 어떤 기능을 보고 이 기능을 구현하는데 얼마나 걸릴지 일정을 올바르게 산출할 수 있는가 실제 현업에서는 없는 서비스를 새로 만들어야 하는데 그 일정을 미리 예측해서 동료에게 전달해야 한다. 피드백 코드베이스 관련 Git 브랜치 전략에 맞게 커밋, 푸시, PR을 작성하고 리뷰를 통해 코드를 병합했는가? 디렉토리 구조를 MECE하게 잘 구분하였는가? Contexts Hooks Components 리액트 관련 리액트 ..

우여곡절기 정리할 곳 페이지를 두개 만들어서 버튼 클릭에 따라 돌려도 되고, 전역에서 값 내려줘서 글만 바꿔치기 해도 됩니당 둘다 가능한 방법이긴 해요 페이지 두개 만들어서 버튼 클릭에 따라 돌리고있는데..유기적으로 안 돌아감......... 일단 자료 조사 한 후에 코드 건들기. https://www.youtube.com/watch?v=OfJ6Q-JFLL0 key값을 일일이 줘서 번역본을 만들면 된다하는데 할 수 있을 것 같은데...? ✅ npm install i18next react-i18next ✅ public 안에 locales en폴더 만들고 kor 폴더 만들고 각각 같은 translation.json 파일 만들어주기 - src - locales - en - translation.json - k..

다크모드인지, 라이트모드인지 LocalStorage에 저장하기 LocalStorage는 브라우저에 값을 저장해주는 저장소입니다. 출처: https://swimfm.tistory.com/entry/JAVASCRIPT-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%97%90-%ED%86%A0%EA%B8%80%EB%A1%9C-%EB%8B%A4%ED%81%AC%EB%AA%A8%EB%93%9C%EB%A5%BC-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EA%B3%BC-%EC%98%88%EC%A0%9C [JAVASCRIPT] 웹사이트에 토글로 다크모드를 적용하는 방법과 예제 여러 메이저 웹사이트에서 다크모드를 도입하고 있습니다. 이제..

보호되어 있는 글입니다.

ecommerce 폴더 만든 후 "npx create-react-app" 근데 there are some default stuff here. 그래서 repository clone으로 시작할거임 "yarn"은 JavaScript 패키지 매니저 중 하나입니다. Node.js 환경에서 사 용되며, 프로젝트의 의존성 패키지를 관리하고 설치하는 데 도움을 주는 도 구입니다. "yarn start" 명령은 일반적 으로 Javascript 프로젝트의 개발 서 버를 시작하기 위해 사용됩니다. https://youtu.be/c1xTDSIXit8?si=H6HcSC6YB0xFy4Ul git clone --single-branch -b react-mini https://github.com/safak/youtube.git . ..

와 소름 이걸 잊어버렸어 VS Code에서 HTML 바로 실행하려면 Live Server라는 확장 프로그램을 사용하면, html파일을 더블클릭하지 않아도 서버환경으로 실행할 수 있습니다.