본문 바로가기

학원에서 배운 것85

KDT 웹개발자 입문 수업 11일차 - 2 자바스크립트 1. console.log() console.log() 는 개발자 도구의 console부분에 문구를 적을 수 있는 함수 2. alert() 경고창을 띄울 수 있는 함수, 확인을 누르기 전까지 홈페이지의 갱신이 되지 않는다 3. confirm() 확인/취소를 선택할 수 있는 함수, 확인의 경우 true/취소의 경우 false값을 리턴하여 if문과 같이 사용하기 좋음 4. CamelCase : personObj (변수명) PascalCase : PersonObj (생성자,함수명등에) 5. 인덱스는 0부터 시작 6. 변수 : 데이터를 저장하고 참조하는 데이터의 이름 var, let, const let : 값의 재할당이 가능 const : 값의 재할당이 불가 7. 예약어 : 특별한 의미가 있어 변수.. 2023. 2. 9.
KDT 5th 웹개발자 입문 수업 11일차 스타벅스 홈페이지 클론의 마지막 날이다. 푸터 부분을 마치고 자바스크립트를 나간다고 한다! 완성했고 확실히 홈페이지 클론을 쭉 실습해보니 요령이 생겨서 쉬웠다. css로 퍼블리싱 할 때 중요한건 한 섹션을 어떻게? 분류할지인 것 같다. display flex나 position absolute를 사용할 때 그 기준이 되는 것들이 중요하다고 느꼈다. 푸터까지 완성! https://jocular-cuchufli-21c4f9.netlify.app/ Starbucks Coffe Korea 스타벅스는 세계에서 가장 큰 다국적 커피 전문점으로, 64개국에서 총 23,187개의 매점을 운영하고 있습니다. jocular-cuchufli-21c4f9.netlify.app 2023. 2. 9.
KDT 5th 웹개발자 입문 수업 10일차 어제 복습하겠다고 혼자 뚱땅거리며 만들던 스타벅스 모작이 잘 안풀려서 거진 한가지 이유로 1시간 넘게 헤맸다. 알고보니 선택자 지정상 inner 클래스에 height 잡아 둔 것이 화근이었고 (BEM의) Block 요소에는 가급적 저런 요소를 두지 않도록 다시 신경써야겠다고 생각했다. ㅜㅜ 별 것도 아닌데 이유를 찾느라 하나하나 고쳐보았고 다신 이런 실수를 하지 않아야겠다고 다짐하게 되었다. 스타벅스 클론 코딩 마지막날! 어제는 메인 메뉴 컨텐츠와 뱃지, 컨텐츠, 공지와 리워드까지 진행했으며 나머지 상품 컨텐츠와 푸터를 마무리로 끝낸다고 한다. 1. 상품 컨텐츠 (1) 이 부분을 만들었고, 일단 html 구조상 section으로 크게 나눠주고 img item과 img text, btn을 두되, posit.. 2023. 2. 8.
KDT 5th 웹개발자 입문 수업 9일차 어제 남은 헤더의 메인 컨텐츠 부분을 만들었다. 도중에 li를 l1으로 써서 당황했는데, cmd+d를 눌러서 이름이 같은 여러 요소를 한번에 지정이 가능하다는 점을 알게되었다. 스타벅스 홈페이지 클론 코딩 - 2 1. 메인 메뉴 컨텐츠 배치 position fixed를 사용하여 뷰포트 기준으로 width를 가져올 필요가 있음. 부모 요소에서부터 위치를 가져오므로 left값을 0으로 줘야 한다. 일단 컨텐츠는 hover가 되었을 때 보여야 하므로 display none으로 해주고 메인 메뉴가 hover 됐을 때 display block 으로 해주면 보이게 된다. 메인 메뉴 컨텐츠 또한 inner 안에 있어야 하는데 width를 제외한 다른 속성은 필요 없으므로 header > .inner 같이 특정 지어준.. 2023. 2. 7.

티스토리툴바