반응형 클론 코딩5 클론 코딩_당근 마켓, 데이터베이스 연결 1 저번에 클론 코딩을 진행했던 당근마켓은 html과 css만을 이용해서 만들었었다. 이번에는 조금 더 보완을 해서 서버에 글을 올릴 수 있도록 해보자 2023.06.23 - [개발공부] - 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩)_2 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩)_2 이번 글에서는 당근마켓 클론 코딩에서 사용했던 css에 대해서 알아보겠다. 참고로 클론코딩은 밑에서 확인할 수 있다. 2023.06.21 - [개발공부] - 클론 코딩-당근마켓__HTML & CSS (feat. 슈퍼코딩) 이미지 제목 가격 설명 장소 글쓰기 완료! 이렇게 form태그로 둘러싸서 만드는데 이때 각 id는 지난번에 SQL을 이용해서 테이블을 .. 2023. 7. 4. 오늘의 업무_시간 표기 와 setTimeout(슈퍼코딩) 오늘의 업무를 보자 첫 번째 업무다 연도와 달, 날짜까지 표시되는 시계 기능이 추가됐어요. JavaScript를 이용해 구현 부탁드릴게요~! TIP : new Date()를 이용해 시간 객체를 생성하고 시간 관련 메서드들을 사용해보세요~! 그리고 이것들을 1초마다 업데이트해야되니까 setTimeout이나 setInterval을 이용해 함수를 호출하는 형식으로 구현해보세요. 이건데 저번에 했던 시계만들기이다. 근데 신가한게 그 때는 따라하기 바빠서 '아 내가 혼자 이걸 할 수 있을까' 라는 생각을 했었는데 오늘 이 과제를 받고서 결론은 혼자 해결했다. 함수를 어떻게 지정하고 어떻게 연결하고 이런게 막막했었는데 오늘 막상 해보니 별거 없었다. (아무래도 한번 해봐서 그런 듯) 바로 코드를 보자 functio.. 2023. 6. 30. < / > 클론 코딩-Wordle(게임)__3 자바스크립트 - TO-DO LIST - 저번에 이어 워들 게임 클론 코딩을 진행. 완성 - 배운 내용 정리 - 이번에는 기능 구현까지 하면서 최종적으로 완성을 했다. - 구현한 기능들 - 엔터를 치면 정답 확인 후 다음 줄 진행 정답이 맞으면 초록색으로 표기 틀리면 회색으로 표기 자리는 안 맞지만 정답에 포함되어 있으면 누런색으로 표기 const handleEnterKey = () => { let 맞은_갯수 = 0; for (let i = 0; i { if (index > 0) { const preBlock = document.querySelector( `.board-block[data-index='${attempts}${index - 1}']` ); preBlock.innerText = ""; } if (index.. 2023. 6. 26. < / > 클론 코딩-Wordle(게임)__2 자바스크립트 - TO-DO LIST - 저번에 이어 워들 게임 클론 코딩을 진행한다. 이번에는 html, css 뿐 아니라 자바스크립트도 같이 들어간다. - 배운 내용 정리 - 오늘은 겨우 저 한 줄을 입력할 수 있도록 만들었다. 내가 키보드로 누르는 문자들이 화면에 나온다 사용한 코드를 보자 function start() { } start(); 먼저 함수를 만든다. 함수 이름은 start 이 함수 안에 기능을 구현할 수 있는 로직을 짤 것이다. 이제 키보드를 입력했을 때 내가 누른 키가 화면에 나오게 해 보자 그러려면 먼저 키가 눌렸을 때 작동하는 함수를 만들자 const keyDown = (event) => { } window.addEventListener("keydown", keyDown); const를 이용해.. 2023. 6. 26. 이전 1 2 다음 반응형
