듀의 자료저장소

목록태그에는 1. ul (unordered list) 순서가 없는 목록태그 2. ol (ordered list) 순서가 있는 목록 태그 3. li (list item) 목록 요소 이 세 가지가 있다. 목록태그의 ul tag와 ol tag는 다음과 같이 쓴다. ul tag는 순서(번호)가 없고, ol tag는 순서(번호)가 있다. 그 태그들 안에 이제 를 활용해서 내용물을 적는다. 위의 사진과 차이점이 1가지 있다. 소제목을 로 썼다. 아래 것은 태그로 묶어서 바로 이름을 썼다. ( Html5 ) 지금 보이는 사진은 로 소제목 두 개를 아예 묶어버렸다. 그래서 로 적지 않은 것. 소제목을 각각 적고 싶을 때_ 소제목에도 목록태그 붙이고 싶을 때_로 묶기. 의문점: 위 사진은 ul태그를 큰 범주로 두고 태그..

IT 공부/프론트엔드(Front-end) 2021. 4. 27. 15:21

비주얼스튜디오코드(Visual studio code)에서 파일 형식을 변경할 때 문제가 생겼다. python 파일을 더블클릭해서 열었는데, 그 이후부터 갑자기 파일명 변경이 안되기 시작! (파일이름(형식)을 변경하려면, '다른 이름으로 저장'을 이용해서 번거롭게 .py이나 .html로 저장해야 했다.) 그래서 비주얼스튜디오코드(Visual studio code)를 아예 초기화방법을 이용해서 되돌리기로 했다. 1. 로컬 디스크 (C:) > 사용자> user> .vscode 위 .vscode 파일을 삭제해버린다. 2. 로컬 디스크 (C:) > 사용자 > user > 이름 > Appdata > Roaming > Code Code파일을 삭제해주면, 말끔하게 모든 기록이 사라진다. * 그런데 여기서! Code파일..

IT 공부/프론트엔드(Front-end) 2021. 3. 30. 09:30

모든 파일에는 각자 고유의 형식, 즉 확장자가 있다. 그 중 텍스트와 이미지/링크 등의 여러 요소를 보기 좋게 정리해서 보여주는 것이 웹문서이다. *웹 문서를 보는 프로그램(웹 브라우저) *웹 문서를 작성하는 프로그램(웹 편집기) 출처: www.youtube.com/watch?v=DSRbVs9oC4w 웹 표준: 여러 기기에서 같은 내용을 볼 수 있도록 하는 것 →HTML5로 문서를 만든다 = 웹 표준을 지킨다. 웹 브라우저에는 크롬~엣지같은 다양한 종류들이 있다. HTML에서는 익스플로러를 고려하지 않는다. 어느 정도 수준까지 지원하는지 확인하려면 아래 사이트 참조! http://html5test.com 어느 브라우저에서 어떤 기능을 지원하는지 한 눈에 확인할 수 있다. [웹 편집기 종류] 기본적으로 메..

IT 공부/프론트엔드(Front-end) 2021. 3. 28. 16:36

3월 9일자_ 프론트엔드 과외는 HTML의 기본적인 태그와 속성, 요소에 대해 배웠다. HTML(Hyper text markup language) 하이퍼텍스트 마크업 랭귀지, 마크업 언어. 태그는 거의 다 '소문자'로 작성한다. 앞으로 비주얼스튜디오코드를 사용해서 코드를 작성할 예정인데, 이 툴은 파이썬과 자바, html,css등을 모두 다 지원한다. 위 사진은 초반부 언어 지정에 관한 내용이다. 헤드 태그에 lang속성을 적용하여, 한국어를 쓴다고 이야기해준다. charset="utf-8" 이것 또한 문자를 한국어로 지정해준다는 내용이다. -[lang 속성]: 검색엔진이 웹페이지를 탐색할 때, 해당 웹페이지가 어떠한 언어로 만들어졌는지 쉽게 인식할 수 있다. (여기서, 검색엔진 = 개발자) 태그 안에는..

IT 공부/프론트엔드(Front-end) 2021. 3. 22. 15:26

zerocho님 'HTML/CSS무료 강좌' 中 (유튜브) Html(Hypertext markup language) 웹사이트를 문서로 보는 시각이 있고, 애플리케이션으로 보는 시각이 있다. (지금은 애플리케이션으로 보는 게 더 많다.) Html로 웹의 구조와 컨텐츠를 먼저 짜고, CSS(Cascading style sheet)로 위에 짠 구조와 컨텐츠에 디자인을 입힌다. 즉, 보이는 부분이 Html과 css로 만들어지는 거고 움직이는 부분은 자바스크립트로 만든다. 오늘은 이 둘의 기본 이해와 태그구조에 대한 강의를 듣고 정리하려 한다. 네이버 메인 홈페이지에 들어가서 html구조를 분석해보자. 키보드의 F12키를 누르거나, 오른쪽 키 눌러서 검사 버튼 클릭 Ctrl+shift+i 위 셋 중 하나를 누르면..

IT 공부/프론트엔드(Front-end) 2021. 3. 14. 13:43

프로그래머스의 강의: 자바스크립트와 웹 프론트엔드 中 Javascript 와 html 그리고 CSS가 어떤 식으로 상호작용하는지 배웠다. Javascript와 HTML, CSS의 연동 자바스크립트 코드를 실행시키면서, HTML, CSS에 변화가 생기는 구조. → 렌더링해 사용자가 그 변화를 확인할 수 있게 된다. 강의에서 쓰인 에디터는 Sublime Text인듯! (조만간 vs code랑 Sublime Text 둘다 써보고 장단점을 비교해보려 한다.) 먼저 html 소스코드를 작성한다. 이 문서가 "utf-8"임을 지정하고, "This is a Html page." 이 글씨는 CSS에 의해 꾸며집니다. 위 두 문장을 HTML 코드로 만들어주고! 아직 VScode(Visual Studio)를 깔지 않아서,..

IT 공부/프론트엔드(Front-end) 2021. 3. 6. 17:36