꿈트(GGUMT)

프론드앤드 개발자 포트폴리오 만들기 vol.1 01. 비주얼스튜디오에 사이트 만들기 기본 세팅하기 - vite로 작업하기 위해 node.js가 설치 되어 있어야 한다. - scss를 쓸 것 이므로 터미널에 [ npm install -D sass ] 작성해 준다. 02. index 세팅 - meta데이터 세팅 슬라이드 영역 바로가기 소개 영역 바로가기 멤버 영역 바로가기 포트폴리오 영역 바로가기 유튜브 영역 바로가기 언스플래쉬 영역 바로가기 영화 영역 바로가기 리뷰 영역 바로가기 web site 소개 멤버 포트폴리오 유튜브 이미지 영화 - skip메뉴 작성하기 - header에 최근 큰 사이트들에서 보여지는 role태그도 넣어주기

웹사이트 만들기 유형별로 나누어 만들었던 웹페이지의 HTML, CSS를 합쳐 하나의 웹사이트로 만들어 보려고 합니다. 그동안 공통css와 reset.css는 같은 걸로 작업해 왔기에 잘 조합만 하면 쉽게 만들 수 있겠죠?. 아직 좀 더 다듬어야 하지만 @media 태그를 적용하여 반응형으로도 만들 예정 입니다. 🏁. 완성화면 ✈. HTML 헤더영역바로가기 슬라이드영역바로가기 이미지영역바로가기 이미지/텍스트영역바로가기 카드영역바로가기 배너영역바로가기 텍스트영역바로가기 푸터영역바로가기 슬라이드영역 event 식물 건강하게 키우기 이번 식물은 죽이지 마세요. 건강하게 오래오래 잘 키울 수 있어요. 처음 보는 식물도 잘 키울 수 있어요! 자세히보기 상담신청 이전이미지 다음이미지 첫번째이미지 두번째이미지 세번째이..

텍스트 타입 웹페이지 만들기 여섯개의 텍스트컨텐츠가 들어있는 웹페이지를 만들어 보려고 합니다. ✈. 완성화면 ✈. FIGMA 디자인화면 ✈. 소스링크 https://github.com/aimeekwon/web2023/blob/main/site/textTypeType/textType01.html GitHub - aimeekwon/web2023: 수업시간 예제 수업시간 예제. Contribute to aimeekwon/web2023 development by creating an account on GitHub. github.com `✈. 작업순서 작업할 내용 수집하고 정리하기 -> 피그마로 정확하게 디자인 -> VS코드에서 코딩 🏁. HTML body> NOTICE 나에게 맞는 반려식물 고르기 건강 관심형..

텍스트 타입 웹페이지 만들어보기 완성 된 웹사이트를 만들기 전 다양한 유형의 웹페이지 구조를 만들어 보고 있습니다. 하나의 웹사이트에는 용도에 따라 다양한 유형의 페이지들이 조합되어 있습니다. 헤더타입, 배너타입, 이미지타입, 카드타입, 텍스트타입, 푸터타입 등으로 분류하여 작업 중 입니다. 이번에 메모할 유형은 문자가 많이 보여지는 형태인 텍스트타입 페이지 입니다. 완성된이미지 코드보기 NOTICE 나에게 맞는 반려식물 고르기 건강 관심형 스투키는 사막에 살던 다육식물로 물을 자주 줄 필요가 없어 키우기 쉬운 편에 속합니다. 또 밤에 이산화탄소를 배출하는 보통 식물과는 달리, 밤에 이산화탄소를 흡수하고 산소를 배출해 침실에... 더보기 깜빡깜빡형 식물에 물 주는 것을 자꾸 깜빡~깜빡하는 분들은 주목해 ..