인스타그램2 [clone project]Danstagram - js (Main page) 첫 클론 프로젝트 Danstagram★ [메인 페이지 - 필수 구현사항] 댓글 작성 후 '엔터키'를 누르거나, '게시'를 클릭하면 댓글 추가 ✔️ 세 번째 버전 (Refactoring 후) - 소요시간 약 2.5h "use strict"; const postComment = document.getElementById('post'); const inputComment = document.getElementById('newComment'); const btnComment = document.getElementById('btnPost'); // 새 코멘트 값 체크 function checkComment(){ if(inputComment.value.length > 0){ addComment(inputCommen.. 2021. 9. 13. [clone project]Danstagram - html, css 첫 클론 프로젝트 Danstagram★ 먼저 clone을 하기에 앞서 내가 이 프로젝트에서 무엇을 얻어갈 것인가에 대한 리스트 업을 했다. ✅ 우선 순위 html - 시멘틱 구성 : 왜? 그 위치, 그 태그를 사용했는지 고민하며 작성하기 css - flex속성 능숙하게 사용하기 css- float:left에 대한 의존도 줄이기 ☓☓ 우선 순위 아닌 것 (= 시선 뺐기지 말 것 제발..) 반응형 욕구 "똑.같.이"의 구현의 집착 (픽셀 크기 , 폰트 스타일 등) common - css @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); *{ box-sizing:border-box; margin:0; padding:0; .. 2021. 9. 12. 이전 1 다음
