본문 바로가기

환급챌린지46

패스트캠퍼스 환급챌린지 22일차 미션 (2월 22일) : 프론트엔드개발 강의 후기 오늘의 목표 헤더와 드롭다운 메뉴를 살펴보장~! 오늘은 눈이 너무너무 많이 온다 후하아 오늘은 아침부터.. 회사 출근 전에 카페와서 강의를 듣는다... 일찍 일어나서 시작하는 삶은 또 나름 뿌듯하고 행복한 삶이구낭ㅎㅎ 포커스드 (확대되는) 어느정도 기본적인 헤더와 마우스를 오버해서 나타나는 드롭다운 메뉴는 html 구조와 css 만 사용해서 만들 수 있다 물론 그렇다고 단순히 css만 이용한다고해서 드롭다운 메뉴를 만들 수 있는 것은 아니다. css의 :hover 가상클래스를 사용해서 드롭다운 메뉴를 노출시켜야 하기 때문에 :hover 가상클래스를 사용할 수 있는 구조로 만들어야 한다. ul 태그 안에 li 태그를 추가하고(ul과 li는 세트다. 단독으로 쓰이는 경우는 거의 없다 봐야함) *그리고 기본적.. 2024. 2. 22.
패스트캠퍼스 환급챌린지 21일차 미션 (2월 21일) : 프론트엔드개발 강의 후기 오늘은 수요일 오늘은 본격적으로 스타벅스 예제 사이트를 만들기 시작했다. 후하 너무 어렵고 헷갈렸는데 막상 또 따라하기 시작하니 할만하다. 일단 메타 태그? 에 대해서 처음 알게 되어서 메타 태그에 대한 정보를 간단하게 정리해보았다. 태그 태그는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용한다. 요소는 , , , , 요소와 같은 다른 메타데이터 관련 요소들이 나타낼 수 없는 다양한 종류의 메타데이터를 제공할 때 사용되며, 이렇게 제공된 정보는 브라우저나 검색 엔진, 다른 웹 서비스에서 사용하게 된다. 이러한 요소는 언제나 요소 내부에 위치해야 한다. 만약 name 속성이나 http-equiv 속성이 명시되었다면 반드시 content 속성도 함께 명시되어야 하며, 반대로 두 속성.. 2024. 2. 21.
패스트캠퍼스 환급챌린지 20일차 미션 (2월 20일) : 프론트엔드개발 강의 후기 오늘은 화요일 게으름을 피우다 늦게 강의를 듣기 시작했다. 집에서 들어보는 오늘의 강의 후하 오늘부터는 본격적으로 Ch 10. 스타벅스 예제 로 들어간다! 드디어 예제를 시작하는구나아아!!! 가보쟈고오! 역시 예제의 시작은 HELLO WORLD 인가 ㅋㅋㅋㅋㅋ 돌아와서 오픈 그래프를 통해서 스타버스의 기본적인 코드를 가져와야한다. 원래 있는 사이트이기 때문에 아마 이 기능이 가능한 것이겠지? 근데 그럼 오픈 소스코드는 알겠는데 오픈 그래프는 뭐지? 그리고 그거랑 같이 나오는 태그는 뭘까? 인터넷으로 좀 찾아봤다. (근데 사실 강의들을 때도 설명을 해주넿ㅎ 난 맘이 급해서 멈춰두고 먼저 검색부터 해봤넿ㅎㅎ 내 급한 성격..) 오픈 그래프 프로토콜은 페이스북에서 만든 것인데 웹 페이지를 페이스북에 공유할 때.. 2024. 2. 20.
패스트캠퍼스 환급챌린지 19일차 미션 (2월 19일) : 프론트엔드개발 강의 후기 오늘의 목표 08. 메소드 체인징 09. 질의응답 시간 오늘은 회사 퇴근하자마자 밥 먹고 카페에 왔다 시간이 없다 시간이 근데 오늘은 질문 위주의 강의를 짧게 들었는데 좋았다 기존의 내용들을 복습하면서 다시 이해가 되고, 외워지고, 이전에 내가 이해를 잘 한 건지도 체크해보기도 했다 특히 가장 기억에 남는 건 카멜표기법 ㅎㅎ 왜 계속 낙타만 생각나는지 ㅋㅋㅋ 오늘 회사애서 ui 네이밍을 하는데 괜히 리소스 추출하다가 카멜표기법도 해보고 다른 표기법도 스리슬적 해보고 혼자 흡족했닼ㅋㅋ 계속 하다가 모르겠다 싶은 것이 생기면 복습도 하고, 다시 듣기도 하면서 계속 익숙해져야겠다. 그래야 어느정도 눈에 익고, 귀에 익고 하다보면 언젠가 자연스럽게 코드를 입력하고 있겠지? 왜냐하면 사실 처음에는 html도 어려.. 2024. 2. 19.

티스토리툴바