분류 전체보기(206)
-
[내일배움캠프] TIL - 24.08.28(수)
1. 학습 오늘 3주차 강의까지 학습하였는데 아마 오늘까지가 HTML 을 다루는 강의가 될 것 같고 다음 주차 강의는 DB 나 서버에 대한 내용을 다룰 것 같다. 그래서 오늘 이전 주차까지 학습한 내용을 최대한 "아 이런거구나!" 할 수 있을 정도로만 정리하여 두었다. 아 그리고 어제 작성한 TIL 에 빠진 내용도 학습하여 추가하였다.HTML5 태그 - , 추가꾸미기 - , CSS 2. 과제 3주차 강의를 마치니 실습 숙제가 하나 있었는데 이게 참 애를 먹였다. 분명 배운대로 요소에 지정된 클래스명 따라가 영역에서 해당 클래스를 지정하는 CSS 를 수정하였지만 아무런 반응도 없었다. 혹시나 중간에 실수가 있어서 해결되지 않나하는 마음에 다시 실습 문제를 받아 실행했음에도 원하는대로 요소가 반응하지 ..
2024.08.28 -
[HTML] 꾸미기 - <style>, CSS
CSS 란 'Cascading Style Sheets(계단식 스타일 시트)' 의 약어로 다양한 정의가 있겠지만 한 마디로 화면을 꾸며주는 역할을 한다. 그래도 정확한 기능을 적어보자면 '여러 웹 페이지의 레이아웃을 한 번에 제어하여 많은 작업을 줄여준다' 고 한다. HTML 문서에 CSS 를 적용하는 방법은 3가지가 있다고 한다.Inline : HTML 요소(=태그) 내부의 style 속성을 사용. 이건 아마 태그별 속성을 사용해 특정 값을 지정하여 형태를 취하는 걸 말하는 것 같다.Internal : HTML 문서의 스타일 정보(=CSS) 를 정의하는데 사용되는 태그 꾸며야 한다? 그럼 영역의 너비(width)와 높이(height)를 지정할 때 사용 한 마디로 영역의 가로, 세로 길이를 지정하는 것!각..
2024.08.27 -
[HTML] HTML5 태그 - <h1>, <p>, <span>, <button>, <div>
당연하게도 HTML 에는 수 많은 태그(=요소)들이 존재한다. 이번에는 그 중에서도 학습을 하면서 사용해본 기본적인 태그들 중 , , 에 대해 알아보려 한다. 1. , , ... , 요것은 제목! - h1 요것은 부제목! - h2 이건 뭐라 부르지? - h6작성 내용의 제목(heading)을 나타내는 태그 태그류는 영역에 작성, 1부터 6까지의 넘버링을 갖는다.찾아본 내용들이 다 '제목' 이라는 표현을 사용하는데 나의 경우 'md(Markdown, 마크다운)' 에서 사용하는 '#' 과 비슷하다 느껴 텍스트의 중요도 표현이나 문서를 구분짓는 용도로 이해하였다., 의 경우 다른 일반 텍스트와 확연히 차이가 보여 자주 사용하겠지만 나머지 넘버들은 일반 텍스트보다 눈에 띄지도 않고 크기..
2024.08.27 -
[HTML] HTML5 - 기본 구성
'VS code' 를 통해 'html' 문서를 작업할 때 'html:5' 를 입력하면 아래와 같은 기본 틀이 자동 구성된다. 하나하나 뜯어보자! 1. HTML5 - 기본 구성(틀) 1-1. 현재 문서가 'HTML5' 문서임을 정의'DOCTYPE' 이란 단어는 아마 'DOCUMENT TYPE(문서 타입)' 의 줄임말로 보인다. 1-2. HTML 페이지(문서를 의미하는 듯)의 루트 요소(최상위)루트 요소인 만큼 한 HTML 페이지에 하나가 존재하는게 아닐까라는 생각을 해본다.해당 요소의 태그 안에 작성된 lang="en" 구문은 해당 요소에 포함되는 모든 기본언어를 영어로 지정하겠다는 의미이다. 예시의 경우 루트 요소인 에 작성해 해당 페이지의 기본언어가 영어로 설정되었다.lang 속성 을 ..
2024.08.27 -
[내일배움캠프] TIL - 24.08.27(화)
1. 학습 오늘은 웹 개발 기초 강의 2주차를 완강하였다. 강의 주 내용은 저번 주차에서 배운 HTML, CSS 를 다시 사용해서 복습의 느낌으로 실습을 진행하고 해당 실습에 Javascript 를 적용해보고, Javascript 를 다루는 실습을 추가적으로 진행하게 되었다. 아무래도 저번 TIL 에 적은 것 처럼 강의를 듣는 것 만으로는 궁금한 점을 다 채울 수 없어 강의 완강 후 따로 필요한 내용을 찾아 학습하였다. 먼저 강의 학습마다 'html:5' 라는 명령어를 사용해 기본적인 구성(틀)을 불러오는데 물론 해당 기능은 VS Code 에서 구현한 기능이겠지만 어쨌든 구현한 이유가 '이게 HTML5 문서의 기본적인 구성이 아닐까?' 라는 생각이 들어 명령어 사용 후 출력되는 코드의 구성을 한 번 뜯..
2024.08.27 -
[내일배움캠프] TIL - 24.08.26(월)
1. 학습 본캠프 시작이라 그런지 OT 및 특강도 있었고 새로운 팀과 만나면서 학습에 크게 몰두하기가 어려웠다. 오늘은 '웹 개발 기초' 강의의 1주차 부분을 학습하였는데 학습 내용을 정리하다보니 정리 내용이 마음에 들지 않았다. 강의를 막상 따라해서 같은 결과를 내긴했지만 뭐랄까 '이걸 내가 제대로 학습했나?' 라는 생각이 들었다. 일단든 생각은 사용한 태그나 속성에 대해서 명확하게 모른다는 점이 큰 것 같다. 강의 자체가 웹 개발의 전체적인 흐름을 파악하는 것에 초점이 맞춰져 있어 개념에 대한 설명부분에서 만족하지 못해서 그런지 스스로 좀 더 찾아 학습해야 할 것 같다. 강의는 일단 빠르게 학습하고 이번 주에 시간이 남을 때 개념적인 부분을 좀 더 채우면 만족하게 되지 않을까? 2. 과제 오늘은 S..
2024.08.26