취미 공부

이번주 목표✔️ HTML semantic tag의 이해✔️ CSS의 position, flexbox✔️ HTML, CSS 활용하여 웹페이지 만들기      - '당근마켓' 클론 코딩✔️ 깃허브 배포하기✔️ javascript 의 변수, 배열, 함수 이해하기 다음주 목표✔️ javascript 활용하여 wordle 게임 만들기   부족한 점✔️ flexbox, position에 대한 이해도✔️ 복잡한 웹페이지에 대해 구조 파악✔️ javascript 함수(화살표 함수)와 조건문✔️ javascript for 반복문   알게 된 점🧐 Javascript 함수 선언 방법이 2가지라는 사실       1. function 함수명 ( ) { }       2. const 함수명 = ( ) => { } 🧐 Ja..

LIST.   ✔️ 활용한 언어 & icons 웹사이트✔️ 최종 완성본 (Git url / 웹사이트 이미지)✔️ 소스코드 (index.html / style.css / header.css / main.css / footer.css)   활용한 언어 & icons 웹사이트  - HTML / CSS- heroicons     최종 완성본   https://you814.github.io/Day04-Market-Chat-Clone/최종 완성본[화면너비 500px 이하 일 때 화면]최종 완성본[화면너비 500px 이상 일 때 화면]      소스코드    HTML ..

TO-DO-LIST🔳 javascript 역할🔳 javascript 변수 / 객체  / 함수  🔳 javascript 역할 - 프론트엔드의 동적인 요소 추가- 사용자 입력에 대한 처리 담당 (이벤트 담당)- 백엔드와 데이터를 주고 받는다  🔳 javascript 변수와 객체 - 변수 선언 : const, let, var- 배열 : Array ([ ])- 객체 활용   ex) user.name 🔳 javascript 변수 var / const / let 변수를 선언하는 이유는 중복되는 요소에 대해 효율적으로 관리하기 위해서 변수를 사용한다. - var (구식 방법)*값의 재할당이 가능 (중복된 이름으로 재할당 가능)//구식 방법var 아이폰 = '200만원';console.log("(1) 아이폰은..

TO-DO-LIST🔳 Git과 Github🔳 당근마켓 클론 코딩  Git- Save Point Gitthub- Save Point과 모여있는 도서관과 같은 개념  🔳 당근마켓 클론 코딩https://github.com/you814/market-clone_rehttps://you814.github.io/market-clone_re/*화면사이즈 width 500px 이하로 줄여야 표출됩니다*🧐 알게된 점 🧐✔️ 깃 그리고 깃허브 사용방법...하지만 더 공부가 필요하다.. html, css보다 깃허브 사용법이 더 어려워...