반응형 clone coding3 < / > 클론 코딩-Wordle(게임)__2 자바스크립트 - TO-DO LIST - 저번에 이어 워들 게임 클론 코딩을 진행한다. 이번에는 html, css 뿐 아니라 자바스크립트도 같이 들어간다. - 배운 내용 정리 - 오늘은 겨우 저 한 줄을 입력할 수 있도록 만들었다. 내가 키보드로 누르는 문자들이 화면에 나온다 사용한 코드를 보자 function start() { } start(); 먼저 함수를 만든다. 함수 이름은 start 이 함수 안에 기능을 구현할 수 있는 로직을 짤 것이다. 이제 키보드를 입력했을 때 내가 누른 키가 화면에 나오게 해 보자 그러려면 먼저 키가 눌렸을 때 작동하는 함수를 만들자 const keyDown = (event) => { } window.addEventListener("keydown", keyDown); const를 이용해.. 2023. 6. 26. < / > 클론 코딩-당근마켓__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. 이전 1 다음 반응형
