하지의 코딩일지33 코딩 일지 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일차 HTML 기초수업 브라우저 역할이란? 내 컴퓨터에서 서버 컴퓨터로 정보를 요청할 때 그것을 가져와 그대로 보여주기만 하는 역할. 즉, 서버에 요청하면 css, java, html을 가져다 줌. HTML 뼈대 CSS 꾸미기 Javascript 움직이기 문단 나누기 문서의 제목 나타내기 특정글자를 감쌀 때 버튼 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니.. 2023. 6. 5. 이전 1 ··· 3 4 5 6 다음 728x90
