✨ 느낀 점 👍 알게 된 점 컴포넌트별로 CSS를 적용시킬 수 있다. 처음에 컴포넌트별로 CSS를 적용시킬 수 있다는 말을 들었을 때 당연한 소리를 하네?라고 생각했다. 왜냐하면 css를 파일별로 나누고, import 시키고, 해당되는 className을 적으면 적용된다는 것을 알고 있었기 때문이다. CSS파일을 styles로 치환하고, 태그에 className을 지정하지 않고, styles.(CSS파일에 적힌 className)을 옮겨 적으니 해당 CSS파일에서 선언한 클래스 명의 CSS효과가 지정이 된다. 특이한 점은 CSS파일에 중복된 className이 있어도 컴포넌트가 다르거나, 치환한 이름이 다르면 적용될 수 있다는 점이 신기했다. 그렇다면 클래스명은 실제로는 어떻게 표시될까? 위의 사진과같이..

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 공부를 끝마치지 않았기때문에 나중에 웹사이트를 만들게되면 시도해봐야겠다.