Watch Now – 노마드 코더 Nomad Coders nomadcoders.co ❓ 상황 React를 학습하기위해 책을 읽고 강의를 듣고나서도 이해가되지 않았는데, 노마드 코더 강의를 듣고나서 비로소 이해가되었다. ✨ 느낀 점 💢 힘들었던 점 클래스형 컴포넌트, 함수형 컴포넌트 중 어느것을 배워야하지? 어떤 강의에서는 클래스형 컴포넌트로 알려주고, 어떤 책에서는 클래스형 컴포넌트와 함수형 컴포넌트를 알려주었다. 그래서 나는 의식의 흐름대로 2가지 방법을 알게되었다. 그러나 이러한 학습이 나에게 독이되었다. React에 대해 새롭게 배우는거다보니 가뜩이나 스트레스받는데, 함수형 컴포넌트 문법을 사용해야하는데 클래스형 컴포넌트 문법을 사용하는 등 헷갈리는 상황이 굉장히 많이 발생하였다. 그래서 하루정도 ..

❓ 상황 프리온보딩 프론트엔드 코스 React를 학습하던 도중에 프리온보딩 프론트엔드 코스에서 React를 교육해준다는 프로그램을 알게되었고, 사전과제를 풀고 있었다. 사전과제는 wanted 메인페이지의 Navi_bar, Carousel을 라이브러리없이 클론코딩하는 것이다. ❗ 보완할 점 코드 다듬기 Wanted 메인페이지를 클론코딩을하면서 HTML과 CSS를 이용해 클론코딩하는거처럼 지저분하게 코드를 작성했다. 우선 Carousel을 만든 후 정리작업을 해야겠다.

❓ 상황 코드 수정하고, 배포자료 올리는것을 반복하다보니 어느순간 힘들어져서 깃허브를 연동했다. 🔋 순서 Deploys 클릭 Deploy settings 클릭 밑으로 스크롤 내리다보면 Link site to Git가 보인다. 클릭 3개 중 깃허브 클릭 나는 기존에 깃허브 연동해서 저장소가 다 보인다. 안보이면 깃허브 로그인 -> 모든권한 부여하면 된다. 깃허브 저장소 중 원하는 저장소 클릭 마지막으로 Deploy site 클릭 Basic build settings는 react, Django 등 특수한 명령어를 쳐야 들어갈 수 있는 웹사이트인 경우 적으면 된다. 아직 react와 Django 공부를 끝마치지 않았기때문에 나중에 웹사이트를 만들게되면 시도해봐야겠다.

🎉 성과 완성한 부분 Archive 이미지를 카테고리별로 이미지를 분리하고, 같은 카테고리는 이미지를 통일했다. 완성한 이유 다른사람이 봤을때 이게 무엇을 뜻하는지 한눈에 알아보기 힘들어서 고안끝에 이미지만봐도 한눈에 알아 볼 수 있도록 바꾸게 되었다.

🎉 성과 완성한 부분 반응속도 측정하는 게임을 만들었다. 완성한 이유 JavaScript으로 구현 가능한 간단한 게임을 찾던 도중, 제일 재밌어 보이는 것이 반응속도 측정하는 게임이었다. ✨ 느낀 점 🧡 좋았던 점 새로운 배포사이트 사용 Netlify, AWS 다음으로 GitHub Pages 를 이용해 배포하였다. 간단한 웹사이트를 올리기에 딱인거 같다. 👍 알게 된 점 평균 구하기 평균 구하는 방법을 파이썬 알고리즘을 수없이 풀면서 간단하다고 생각했다. 간과한 것이 새로 변수가 추가되면 다시 평균을 구하는 것이어서 어려움을 겪었다. reduce() 함수는 매개변수로 함수를 넣어 사용한다. reduce함수는 기존에 있는 값에 새로운 값을 계속 더할 수 있게 도와준다. 그래서 내가 반응속도를 측정하여 얻은..