패스트캠퍼스 챌린지 2일차

[2일차 강의명]

 

Part 1. HTML/CSS/JS로 만드는 스타벅스 웹사이트

Ch 3. 무작정 시작하기

Ch 4. 웹에서 시작하기

 

Ch 3. 무작정 시작하기

 

주요 내용

 

• HTML Doctype 뜯어보기
• 상대 경로와 절대 경로
• 개발자 도구

 

새로 알게 된 점

 

• html 파일은 따로 폴더 안에서 관리하면 안된다. => 브라우저는 root 경로에 있는 index라는 html 파일을 가장 먼저 찾기 때문이다.
• 파일 연결할 때 주변 파일 or 폴더면 /(루트 기준 - 절대 경로) <= 사용해서 썼었는데 ./(현재 기준 - 상대 경로) 였다니..!파일을 연결할 때 파일명을 지정 안 해주면, 해당 폴더의 index.html 파일을 찾아서 자동 연결해준다.

 

느낀점

 

 이번 강의를 듣고 나니까 내가 경로에 대해 잘 몰랐다는 것을 알게 되었다. 어쩐지 node.js 공부할 때 튜토리얼이나 내가 봤던 코드에서 경로 지정하는 방법이 왔다갔다해서 ??? 이 상태로 배운 기억이 있는데 상대 경로랑 절대 경로에 대해 정확한 개념이 없어서 그랬던 거 였다니..!🤦‍♀️ 이제는 정확히 알았으니 상황에 따라 유연하게 활용해서 제대로 사용해보도록 하자

 

 

Ch 4. 웹에서 시작하기

 

주요 내용

 

• CodePen
• reset.css cdn 구글에 검색 - jsdelivr

• 

  css 초기화

• Emmet

 

느낀점

 

 천재만재님들이 만들어 주신 것들을 많이 활용하자

 

---

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

#패스트캠퍼스

#패캠챌린지

#직장인인강

#직장인자기계발

#패스트캠퍼스후기

#한_번에_끝내는_프론트엔드_개발_초격차_패키지_Online

 

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]