반응형 클론코딩4 프론트엔드_스벨트(Svelte) 체험 import svelteLogo from './assets/svelte.svg' import viteLogo from '/vite.svg' import Counter from './lib/Counter.svelte' Vite + Svelte Check out SvelteKit, the official Svelte app framework powered by Vite! Click on the Vite and Svelte logos to learn more .logo { height: 6em; padding: 1.5em; will-change: filter; transition: filter 300ms; } .logo:hover { filter: drop-shadow(0 0 2em #646cffaa); } .. 2023. 7. 5. < / > 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩)_2 이번 글에서는 당근마켓 클론 코딩에서 사용했던 css에 대해서 알아보겠다. 참고로 클론코딩은 밑에서 확인할 수 있다. 2023.06.21 - [개발공부] - 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩) 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩) 당근마켓 클론 코딩(html, css) 진행 1. 구역 나누기 - 크게 3등분을 했다. - 시계와 배터리 정보, 역삼1동과 메뉴들이 있는 - 상품들이 전시되어 있는 - 가장 아래 '홈'부터 '나의 당근'이 있는 2. - 거 illdanjob.tistory.com 아, 혹시나 해서 하는 말이지만 이건 최종본이 아니다. 일단은 html과 css 작업을 해놓은 것이며 나중에 어느 정도 진행이 되면 깃헙을 통.. 2023. 6. 23. 무료 아이콘 공유 사이트 2023.06.21 - [개발공부] - 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩) 이 글에서는 위 글에서 다뤘던 무료 아이콘 공유사이트인 Heroicons 사용 방법에 대해서 간단히 소개해 보겠다. 구글에서 '히어로아이콘'이라고 검색하면 미안하다 안 나온다. 다시 영어로 'heroicons'라고 검색한다. 그럼 이렇게 방패모양의 아이콘이 있는 사이트가 나온다.이게 귀찮은 분들을 위해서 링크를 공유해 놓겠다. https://heroicons.com/필요한 이미지를 검색하면 실시간으로 관련 아이콘들이 나온다. 이때 빨간색으로 테두리 되어있는 Copy SVG를 눌러서 복사한다. (밑에 거는 나도 뭔지 모른다. 선생님이 안 알려줬다.) VSCode로 넘어온다. 현재 작업 중인 폴.. 2023. 6. 22. < / > 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩) 당근마켓 클론 코딩(html, css) 진행 1. 구역 나누기 - 크게 3등분을 했다. - 시계와 배터리 정보, 역삼1동과 메뉴들이 있는 - 상품들이 전시되어 있는 - 가장 아래 '홈'부터 '나의 당근'이 있는 2. - 거의 각 요소마다 를 씌워서 적용했다. - 아이콘은 슈퍼코딩에서 알려준 Heroicons에서 무료로 받아왔다. 사용법은 다른 글에서 따로 올리도록 하겠다. 2023.06.22 - [개발공부] - 무료 아이콘 공유 사이트 3. - 크게 이미지 영역 이랑 우측 설명 영역으로 나누었고 설명 영역에 서는 또 각 요소들을 나누었다. 4. - 하나의 커다란안에 각 요소를 나누었다. style.css 예전에 클론코딩을 진행했을 때는 css파일을 하나만 만들어서 진행했었다. 그런데 슈퍼코딩에서 css파.. 2023. 6. 21. 이전 1 다음 반응형
