패스트캠퍼스 환급챌린지 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 로 바꾸고,
그리고 모든 걸 저장하고 나서 터미널 열어서 버전 정보 저장하기!!
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드