패스트캠퍼스 환급챌린지 30일차 미션 (3월 1일) : 프론트엔드개발 강의 후기

오늘은 3월 1일 

꽃샘추위가 시작된 걸까

너무 춥다...!!!! 끄아

 

오늘도 추운 날씨를 이겨내며 강의를 들으러 왔찌!

오늘은 로그인 페이지를 개발해서 병합하는 거까지 해보려고 한다...! 가보즈아~!!

아니 터미널을 시작하면서부터 너무 어려워졌다..

선생님이랑 나의 화면이 다르면 그 순간 나는 멈추게 된다...>!!

큰일났다..!!!

 

오 근데 막상 하다보니 또 잘 되넹 너무 어려운 게 아니었아!!!ㅎㅎ

 

 

 

 

 

공통된 모양의 부분을 한 번에 바꾸려면!

cmd + option + f 키를 누르면

./ 를 ../ 로 전체적으로 바꿀 수가 있다.

 

바꾼 이유는 signin 이라는 파일 안에 있는 index.html 이 되었기 때문에 한 번 더 밖으로 나가야 해서../ 라고 해야한다. 근데 파일 밖으로 나가야하는 것들이 하나만 있는 것도 아니고 내가 미처 못바꾼 부분도 발생할 수 있으니 컴퓨터를 믿고 파일을 찾아 검색하는 거다.

 

 

 

 

 

 

오 대박 재밌다.

HTML 내용 이관

index.html 안에 있는 내용 전체를  복사(cmd + a 버튼 눌러서 전체 선택)해서  signin 파일 안에 있는 index.html에 header (badge 내용은 삭제) 랑 footer 부분(to-top 내용은 삭제)만 복사해서 붙여넣기 하고,

 

 

JS 내용 이관

 

common.js 를 main.js 주변에 하나 생성해서

main.js에 있는 공통되는 부분(맨위 검색부분을 찾는 거부터 focus, blur 까지), (아래쪽 this year 부분만)을 common.js 에 잘라내서 붙여두고(복사붙여넣기 아님)

 

 

 

 

 

CSS 내용 이관

common.css 를 main.css 주변에 하나 생성해서

main.css 내용 중에 맨 위 1)common 내용부터 - header 마지막까지 잘라내서 common.css 에 붙여넣고, 2)Footer 내용 전체(to-top 제외한 내용)도 잘라내서 common.css 에 붙여넣어준다.

 

 

그리고 나서 index.html (signin 파일 안에 있는 거 아님!!) 부분에서

연결된 main.js 위에 common.js 도 추가하고,

연결된 main.css 위에 common.css 도 추가하고,

 

그리고 나서 index.html (signin 파일 안에 있는 거!!) 부분에서

연결된 main.js 를 지우고 common.js 로 바꾸고,

연결된 main.css 를 지우고 common.css 로 바꾸고,

 

그리고 모든 걸 저장하고 나서 터미널 열어서 버전 정보 저장하기!!

 

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드

 

https://bit.ly/48sS29N