[TIL] #9 컴포넌트 만들기,기본 웹 개발 구조 알아보기 특강

10/17(목) 일일 목표

✔️2시 출석체크

✔️4시 특강 듣기

✔️TIL 작성 및 제출

✔️컴포넌트 만들기 퀘스트 - Navigation 파트

 

---

오늘 배운 것📖

아티클 스터디는 어제 모두 완료했다.

그리고 어제 저녁시간을 이용해 피그마 강의도 모두 완강했다!

 

프로토타입 만들기 부터 핸드오프 작성까지 새로운 내용들이 가득했는데

다행히 이해하기에는 어렵지 않은 내용이었다.

 

오늘은 퀘스트를 중심으로 사전캠프 시간을 보냈다.

 

1. 컴포넌트 만들기 퀘스트

 

사실 UI 디자인 룰을 무시하고 그냥 뚝딱뚝딱 얹기만 하면 금방 할만한 퀘스트인데

피그마 강의에서 배운 오토 레이아웃, 컴포넌트, 프로퍼티 등을 이용해서 만들다보니

잘 안되는 것도 있었다 ㅠㅠ... 그래서 강의를 다시 참고하면서 했다.

 

한 30분 가까이 피그마로 열심히 만들었는데...

겨우 두 개 완성함ㅋㅋㅋㅋ🫠

그래도 배운 것들을 활용하며 만들었다는 것에 의의를 두고 있다 !! 하하하~!!!

지금은 복잡한 스킬들이지만 이것들을 익히면 완전 빨리. 뚝딱. 만들 수 있을 것이다. 응응.

 

오늘 무슨 일이 있어도 Navigation 파트까지는 완성하려 했는데

담임 매니저님이 우선 컴포넌트 만들기는 스탑하고

다음 과제인 클론 디자인을 먼저 해볼 것을 권하셨다...!

 

일단은 오늘 만든 것 까지만 업데이트 해야지

 

 

 

2. 사전캠프 특강

박가현 튜터님의 기본적인 웹 개발 구조를 알아보자(with 무신사 내 마음대로 바꿔보기) 특강을 들었다.

 

HTML의 구조와 태그 작성 규칙에 대해 알아보기 위해 튜터님의 설명을 듣고 실습을 진행했다.

디자인 작업을 할 때 활용할 수 있는 개발자 도구의 사용법도 익혔다 🙂

마지막엔 React 컴포넌트 재사용의 편리성도 알려주셨다.

 

알고있는 내용들이 많아서 편하게 들었다 ㅎㅎ (선행학습의 중요성을 느꼈음)

그래도 듣길 잘한 것 같다.

 

---

오늘의 잘한 점🥰

2시에 늦지 않게 출첵했다!

퀘스트 속도가 더뎠지만 편법을 써서(?) 후다닥 하려고 하지 않고

배운 것을 차근차근 이용하며 하려고 했다...

 

오늘의 문제점😵‍💫

피그마에서 컴포넌트를 만들고 관리하는게 여전히 손에 익지 않았다

컴포넌트 만들기 퀘스트를 완료하지 못했다잉

해결방법👊

오늘은 컴포넌트 부분 강의를 복습해야겠다 -!

유튜브에서도 관련 강의를 찾아봐야겠다 ㅎㅎ