[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 9회차 - React

[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프

 

 

📝 수업 내용

 

 

 

🔥 실습

https://github.com/udemy-team18/practice/tree/yueun/0623/practice0623/src/components

GitHub - udemy-team18/practice: 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소

 

 

🔎 느낀 점

바닐라js를 하다가 다시 또 react를 하려니 처음에 순간 헷갈리는 부분들이 있었지만 실습을 하면서 다시 기억이 돌아왔다.

강의를 들으면서 느끼지만 내용이 전반적으로 노마드코더 강의와 비슷하다고 느꼈다.

이 캠프를 하기 전에 노마드코더의 강의들을 보며 리액트를 학습했기에 복습할 겸 수업을 들었다.

다음 주에 할 프로젝트도 노마드코더 강의를 보며 만들었던 프로젝트와 비슷한 것 같아 비교적 쉽게 할 수 있을 것 같다.

 

오늘 처음으로 멘토분 중 한 분께 질문을 드렸는데 어제부터 고민하던 문제를 해결해주셨다.

앞으로도 멘토분들을 적극 활용해야겠다.

 

 

 

📖 배운 점

1. 기본 경로 설정

파일 등을 불러올 때 경로를 설정함에 있어 기본 경로를 따로 설정할 수 있음을 알게 되었다.

jsconfig.json 파일에 다음을 입력하면 src폴더를 기본 경로로 설정하게 된다.

{

  "compilerOptions": {

    "baseUrl": "src"

  },

  "includes": ["src"]

}

 

2. onClick={() => setCount(count + 1)}

보통 onClick 속성을 부여할 때 onClick={handleClick} 이렇게 하고 handelClick 함수를 따로 만들었었는데 그 함수 내용이 비교적 간단한 편이라면 (ex. count + 1) 굳이 따로 함수로 만들지 않고도 쓸 수 있다는 것을 알게 되었다.

<button onClick={() => setCount(count + 1)}>+1</button>

 

 

 

 

 

 

수업 내용 이미지 출처 : [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 정동훈 강사님 강의 자료

—————————————————————————————————————————
본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.
—————————————————————————————————————————