JiYoung Dev 🖥

2023.03.06 코드잇 학습 내용 🔎 HTML (Hypertext Markup Language) - Hypertext(하이퍼텍스트) : 서로 링크로 연결된 문서 - Markup Language(마크업 랭귀지) : 마크업 하는 프로그래밍 언어 → mark something up : 표시하다 ▶ 내용에 추가적인 정보를 표시하는 프로그래밍 언어 - 즉, 링크로 연결된 문서를 만들 때 사용하는, 내용뿐만 아니라 문서의 구조와 의미(h1, p, button 등)와 같은 추가적인 정보까지 표시하는 프로그래밍 언어 📖 HTML의 기본 문법 ... 내용 html은 태그로 작성 태그는 기호로 감싸져 있음 시작태그, 종료태그 시작..

어제 CSS 핵심 강의를 다 듣고 오늘 내가 만든 웹페이지에 스타일을 입혀보았다. 카카오오븐으로 만든 스토리보드 디자인을 기본으로 했으나, 폰트 크기나 여백 등은 임의로 css로 직접 코딩을 해보면서 적당하게 조절하였다. 🔎 css 코드 작성 결과 간단한 웹페이지라서 동일한 디자인의 구조가 많아 작성이 어렵지 않았다. 작성하면서 모르는 부분은 구글링을 통해 해결하였고, 그 내용은 아래와 같다. 📖 Div 태그 중앙에 정렬하기 Div 태그에 Width를 설정하고 margin 오른쪽, 왼쪽 값을 auto로 설정 ▼ html 코드 ▼ ▼ CSS 코드 ▼ 📖 한 줄 문장 양쪽 정렬하기 한 줄짜리 문장을 양쪽 정렬하고 싶어 text-align: justify를 적용했지만 적용되지 않았음. 여러 줄일 경우에는 정렬..

어제 간단하게 스토리보드를 만들었고, 오늘은 만든 스토리보드를 보면서 HTML 코드를 작성해 보았다. 아직 HTML 기초 과정만 배운터라 버튼이나 인풋, 테이블 등 안배운 것들이 있었지만 안배운 내용들은 구글링이나 기타 사이트의 개발자 콘솔을 활용해 코드를 따라하며 넣었으며 앞으로 배워나가면서 차차 알맞게 수정하고자 한다. 오늘까지 작성한 코드는 스타일은 하나도 들어가 있지 않은 코드이며, 스타일은 내일 적용해볼 계획이다. 운동 기록 웹페이지 만들기 : 기획 포스팅 [운동 기록 웹페이지 만들기] 기획 (2023.03.01) 프로그래밍 공부를 시작하고 나서 만드는 나의 첫 웹페이지. 사실 파이썬 알고리즘 강의를 듣다가 어렵기도 하고 흥미도 줄어들고 그래서 CSS와 HTML 공부를 같이 시작하며 나만의 웹페..

🔎 HTML, CSS란? HTML, CSS는 웹사이트를 만드는 프로그래밍 언어(컴퓨터 프로그램을 만들 때 사용하는 언어) 소스 코드 : 프로그래밍 언어로 작성한 내용 코딩 한다 : 프로그래밍 언어로 코드를 작성한다. HTML은 웹사이트에 들어가는 내용을 담당하고, CSS(Cascading Style Sheets)는 웹사이트에 들어갈 스타일을 담당 웹사이트를 만들 때는 기본적으로 .html 형식의 파일을 만듦. HTML 파일을 편집한 다음에 웹 브라우저에서 열면 우리가 평소에 보는 웹사이트처럼 화면에서 볼 수 있음. HTML 파일을 작성하기 위해 VS Code를 사용하고, 웹 브라우저로는 크롬을 사용하여 웹사이트를 만들어 볼 예정. 🔎 HTML 파일 만들고 실행해보기 📖 태그(Tag) HTML에서 태그는 ..