Researcher to Developer

'생활코딩' - WEB1의 모든 저작권은 '생활코딩'에 있으며, 단순 공부 및 정리를 위한 수단으로 생각해주시면 되겠습니다. web의 체계, 구조를 만드는 방법을 알아보겠습니다. 본문의 제목이 무엇인지 설명 태그를 사용하면 웹페이지의 제목을 사용자에게 명시적으로 알려줄 수 있음, 책 표지와 같은 역할 ex. UTF-8 본문이 어떤 방식으로 저장되어 있는지를 설명하는 태그 웹 브라우저에게 '웹 브라우저야 이 웹페이지를 열 때는 어떤 형식으로 열렴' * charset ~라고 문서를 읽어라. 본문을 묶기 위한 태그 본문, body를 설명하는 태그 HTML의 모든 태그는 body혹은 head 둘 중 하나 아래에 놓여야 한다. 최상위 태그 위에 관용적으로 써주는 태그 이 문서는 HTML이다 라는 뜻

'생활코딩' - WEB1의 모든 저작권은 '생활코딩'에 있으며, 단순 공부 및 정리를 위한 수단으로 생각해주시면 되겠습니다. 부모태그 - 포함하고 있는 태그 자식태그 - 포함된 태그 어떤 태그들은 항상 특정한 부모, 자식이 딸려오는 것들이 있습니다. List 즉 목차, 목록을 만들 때 사용하라고 만든 태그 를 사용하면 목록이라는 표시로 점이 붙음 하지만 목록이 구분지어 지지 않으면 어떤 목록끼리 같은 항목인지 알 수 없기 때문에 경계가 필요합니다. Unordered List 태그의 부모태그 을 사용하면 목록이라는 표시로 점이 붙고, 오른쪽으로 밀림 Ordered List 목록에서 자동으로 숫자가 넘버링되게 하는 의 부모태그 , 둘다 를 자식으로 가짐 그 밖에 와 같은 부모자식 태그도 있음 * 맥은 Com..

'생활코딩' - WEB1의 모든 저작권은 '생활코딩'에 있으며, 단순 공부 및 정리를 위한 수단으로 생각해주시면 되겠습니다. Attribute '속성' 이라는 태그의 심화된 문법 이미지를 웹페이지에 포함시킬 때 사용하는 태그의 이름 라고만 써놓으면 어떤 이미지를 보여줄 것인지에 대한 내용이 없겠죠. 태그의 이름만으로는 정보가 부족할 때가 있다는 거죠. 그래서 고민하다가 새로운 문법을 만들게 되었는데, 어떤 이미지인지를 알려주기로 약속된 속성이 'source' 인데 기니까 'src'로 하기로 합니다. * unsplash 퀄리티 높은 이미지들을 저작권에 구애받지 않고 사용할 수 있는 사이트 현재 작업하고 있는 바탕화면의 web이라는 디렉토리에 다운로드받은 이미지를 저장, 파일명을 수정하든 하지 않든 그 파일..

'생활코딩' - WEB1의 모든 저작권은 '생활코딩'에 있으며, 단순 공부 및 정리를 위한 수단으로 생각해주시면 되겠습니다. "컨텐츠를 만드는 것은 내부적으로 HTML 코드를 생산하는 행위였다." - '생활코딩' 일반인의 Coding과 지식인의 Coding의 차이 coding vs coding 검색엔진에 노출이 안된다는 것은 현실적으로 존재하지 않는다, 라는 의미를 갖는다. 웹이 갖고 있는 본래의 의미, 정보를 더 탄탄히 해야한다는 것이 훨씬 중요한 이슈 웹은 모든 운영체제에서 동작하고, 웹페이지의 소스코드는 누구나 볼 수 있고, 웹은 저작권이 없는 순수한 공공재이다. 개방성, 접근성 - accessibility 신체적인 제약이 있는 분들도 정보에서 소외받지 않도록 노력해야 하며, HTML 태그의 의미를..

'생활코딩' - WEB1의 모든 저작권은 '생활코딩'에 있으며, 단순 공부 및 정리를 위한 수단으로 생각해주시면 되겠습니다. 코드에서 줄바꿈을 했음에도 불구하고 웹 페이지에서는 그것이 반영되어 있지 않습니다. HTML에서 새로운 줄을 나타내는 태그 이 태그는 단지 줄바꿈이라고 하는 시각적인 의미만을 갖고 있기 때문에 닫는 태그가 없습니다. 단락(paragraph)를 표현할 때 쓰라고 만든 태그 어디서부터 어디까지가 한 단락인지 표현하기 때문에 닫히는 태그가 존재 - 웹페이지를 정보로서 가치있게 만들고, 선택한 단락을 의미론적으로 표현해 줄 수 있음 - 단점 : 정해져 있는 여백만큼만 벌어지기 때문에 시각적으로 자유도가 떨어짐 하지만, 우리에게는 CSS라는 기술이 있음. style CSS 에 태그와 태그 ..

'생활코딩' - WEB1의 모든 저작권은 '생활코딩'에 있으며, 단순 공부 및 정리를 위한 수단으로 생각해주시면 되겠습니다. "처음에 배우는 것은 너무나 쉽지만 제일 중요해요." - '생활코딩' WEB1 - 6. 기본문법 태그 웹을 지배하는 가장 중요한 문법 - 태그(Tag) : 문장앞에 있는 태그를 열리는 태그, 뒤에 있는 태그를 닫히는 태그라하는데, 닫히는 태그는 슬래시 / 를 붙이는 것이 특징 강조하고픈 글자 밑줄 치고픈 글자 WEB1 - 7. 혁명적인 변화 "우리는 이해할 수 없는 것에 불쾌함을 느끼고 그 불쾌함을 없애고자 하는 방향성 덕분에 문명이 발전했다고 생각해요." - '생활코딩' 웹페이지가 어떤 코드로 만들어졌는지 보고 싶다면 웹페이지 우클릭 후 페이지 소스를 클릭해보면 웹페이지가 어떤 ..