하지의 코딩일지/STUDY MEMO[FRONTEND]7 코딩일지 29일차 - html,css 복습 Block vs Inline Block 기본적으로 블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다. 브라우저는 보통 블록 레벨 요소의 앞과 뒤를 개행해서 그립니다. 상자를 쌓는 것 처럼 생각할 수 있습니다. 블록 레벨 요소는 언제나 새로운 줄에서 시작하고, 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지합니다. Inline 인라인 요소는 콘탠츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다. 2023. 7. 3. 코딩 일지 6일차 문법 공부 문서 > 구글링 >MDN > 코드작성 프로젝트 - 해설 혹은 구현 문법 > 프로젝트 수행 > 해설, 구현 비교 //주석 특정 키워드는 파일명으로 사용 불가 변수 // 선언 var, let, const count +=1; count = count +1 ; 같은 내용이지만 함축해서 적어놓은 것 값 premitive = 변경 불가능 한 값 object = 유동성이 있는 값 undefined Boolean Number String Bigint Symbol 등이 있음 동등연산자를 사용할 때 엄격한 비교 > === 느슨한 비교 > == 원시값 객체 즉@ reference 값 부동소수점(움직이는) 방식 = 떠돌이 소수점 인간은 보통 10진수를 중심으로 생각하지만 컴퓨터는 아니다.; 이것을 IEEE의 부동소.. 2023. 6. 12. 코딩일지 5일차 HTML style .mypost { width: 500px; margin: 20px auto 20px auto; padding: 20px 20px 20px 20px; box-shadow: 0px 0px 3px 0px grey; } .mybtn { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; } .mybtn> button { margin-right: 10px; } body 영화 URL 코멘트 뒤로가기 닫기 자바 스크립트 객체기반의 스크립트 프로그래밍 언어이다. 자바 : 문법 오크 : 함수 셀프 :프로토타입 확장 펄, 파이썬 : 문자열, 배열, 정규표형식 스키마 :일급객체, 클로저 .. 2023. 6. 10. 코딩일지 4일차 HTML 핵심 SASS SASS는 나중에 적은것이 제일 우선적으로 실행 됨. CSS코드가 한 파일로 제작된다면? - 가독성 저하, 어디서부터 어디까지가 어떤 스타일을 담당하고 있는지 파악하기 어려움, - 중복코드 혹은 레거시 코드를 생성하기 쉬움 - 단순 수정에도 전체 코드를 일일히 확인해야함. -프로젝트가 커질수록 CSS작업 하는 속도가 저하됨. ! SASS(SCSS) 개발은 선택이 아닌 필수! SASS 7패턴 seven folder one file `base/ component/ layout/ pages/ themes/ abstracts/ vendors/ 파일명에 _가 붙는경우 @import 되어 사용될 것으로 파악 SASS VARIABLE @mixin : 자주쓰는 코드 집합이라고 보면 됨 보통 @mixin으.. 2023. 6. 9. 코딩 일지 3일차 보통 코딩이란? 백엔드 먼저 작업 후 프론트로 감 마크업 언어란? 태그 등을 이용하여 문서나 데이터의 구조를 평가하는 언어의 한가지를 말함. HTML은 뼈대 CSS는 화면의 디자인이라고 생각하면 편함. 기획>디자인>마크업>FE/BE>QA>릴리즈 웹서비스의 규모가 클수록 디자인 복잡도가 상승함. =마크업 복잡도 상승 HTML의 사전적 정의 하이퍼 텍스트 마크업 언어 핵심 HTML 마크업 head input meta section html label nav style i li p ul div img link script a href Block VS Inline Block -부모 요소의 전체 공간을 차지 -브라우저는 보통 블록 레벨 요소의 앞뒤를 개행함 -좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지 .. 2023. 6. 8. 하지의 코딩일지 2일차 html css ctrl + / 주석 달기 ----- /* margin: 20px auto 0px auto; */ 코드 정렬하기 단축키 atrl+shift+f 부트스트랩 (bootstrap) 예쁜 css를 미리 모아둔 것@ 복+붙 (body 안에) https://getbootstrap.com/docs/5.0/components/buttons/ Primary 내 생애 최고의 영화들 영화 기록하기 .mycomment { color: grey; } .mycards { width: 1200px; margin: 20px auto 20px auto; } 내 생애 최고의 영화들 영화 기록하기 영화제목 여기에 코멘트가 들어갑니다 ⭐⭐⭐ 여기에 나의 의견을 쓰면 되겠죠 영화제목 여기에 코멘트가 들어갑니다 ⭐⭐⭐ 여기에 나의 의견을 쓰면.. 2023. 6. 6. 이전 1 2 다음 728x90
