profile
선명한 기억보다 흐릿한 메모

section vs article

논리적으로 관계 있는 문서 혹은 요소, 영역을 감싸거나 구분다른 페이지, 영역에 독립적으로 갖다 붙일 수 있는 영역 그룹화Ex) 블로그 및 SNS 영역, 뉴스 기사, 신문 논평 등

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

Westagram

웹 페이지 정보를 다른 페이지로 전송하는 역할속성 종류action : 폼 내부에 데이터를 보내는 목적지 url지정보통 input태그 type="submit"으로 설정해서 클릭했을 때 데이터 서버로 보냄.\\actocomplete : HTML5에 추가되었으며 양식 자동완

2022년 2월 12일
·
0개의 댓글
·
post-thumbnail

Wecolor Picker 컴포넌트

색 추출 방법아래 사진에서 사용된 색의 hex 값을 알고 싶다면, 개발자도구의 color picker나 chrome 확장프로그램 'color zilla'를 이용해보세요.아이콘 이용 팁다양한 아이콘 도구들이 있지만, font Awesome을 이용해봅시다. 사용방법은 공식

2022년 2월 2일
·
0개의 댓글
·
post-thumbnail

Weegle 검색바

색 추출 방법아래 사진에서 사용된 색의 hex 값을 알고 싶다면, 개발자도구의 color picker나 chrome 확장프로그램 'color zilla'를 이용해보세요.아이콘 이용 팁다양한 아이콘 도구들이 있지만, font Awesome을 이용해봅시다. 사용방법은 공식

2022년 2월 2일
·
0개의 댓글
·

HTML Attributes

<id>id는 각 태그에 이름을 주는 속성. 대상을 식별할 수 있는 고유한 값이어야 함.<class>태그에 이름을 주는 속성. 여러 태그에 중복된 이름을 부여할 수 있음.여러 속성 추가하기하나의 태그에 2개 이상의 속성을 부여할 수 있음. 한 칸 띄어쓰기 후

2022년 2월 2일
·
0개의 댓글
·
post-thumbnail

HTML tags

HTML 파일 구조HTML 파일이라면 제일 첫 줄에 위치해야 하는 선언문 HTML 태그는 아님. html파일이 무슨 버전의 html을 사용했는지 브라우저에 알려주는 역할

2022년 2월 2일
·
0개의 댓글
·
post-thumbnail

HTML(Hypertext Markup Language)의 정의와 기능

HTML

2022년 2월 2일
·
0개의 댓글
·

이미지 넣는 2가지 방법, Semantic Web & Semantic Tags

기계, 컴퓨터(특히 소프트웨어, 프로그램, 혹은 에이전트)가 정보의 의미를 이해할 수 있는 웹기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상.시맨틱 태그란 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의

2022년 1월 24일
·
0개의 댓글
·
post-thumbnail

wecode.사전 스터디 주차별 keyWord 2( HTML, CSS ,JavaScript)

head태그 내부에 script 태그script 태그의 파일은 두 가지 과정을 거쳐 실행다운로드(fetching)실행(execution)HTML은 파싱 도중, script 태그를 만나게 되면 중간에 파싱이 멈춤.하향식으로 읽는 HTML문서는, head 태그 내부에 불러

2021년 12월 31일
·
0개의 댓글
·

wecode.사전 스터디 주차별 keyWord 1( HTML, CSS ,JavaScript)

HTML, CSS란?HTML ( HyperText Markup Language ) : 웹 페이지 만드는 코드CSS ( Cascading Style Sheets ): HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어HTML, CSS는 왜 필

2021년 12월 31일
·
0개의 댓글
·

과제. 자기소개서 페이지 2. CSS

2021년 12월 23일
·
0개의 댓글
·

과제. 자기소개서 페이지 1.index.html

Page : https://younghyunhan.github.io/Self-introduction/GIT : https://github.com/younghyunHan/Self-introduction

2021년 12월 23일
·
0개의 댓글
·

생활코딩 WEB1-34. 코드의 힘, 웹 사이트 방문자 분석기

웹 페이지 분석기 : 웹 사이트 방문자 수, 들어온 경로, 어떤 환경에서 웹사이트를 탐색하고있는지와 같은 고급정보를 제공해주는 서비스구글 애널리틱스 활용웹 사이트 만들면 분석기 활용해서 데이터는 무조건 쌓아둬야 함.

2021년 12월 22일
·
0개의 댓글
·

생활코딩 WEB1-33. 코드의 힘, 채팅 기능 추가

tawk.to서비스 통해 구현 가능웹 서버로 HTML파일 열어야 실행됨. ( 127.0.0.1, localhost, 도메인 이름 활용 )

2021년 12월 22일
·
0개의 댓글
·

생활코딩 WEB1-32. 코드의 힘, 댓글 기능 추가

댓글 기능 댓글기능은 HTML로는 불가능하고, 백엔드 기능을 알아야 함. Php, jsp, python 등 기술을 이용해서데이터베이스까지 활용해서 구현하는 것이 필요지금은 DISQUS서비스 이용해서 웹 페이지 하단에 댓글 추가함.LiveRe 서비스도 있음.웹 서버를 통

2021년 12월 22일
·
0개의 댓글
·

생활코딩 WEB1-31.부록- 코드의 힘, 동영상 삽입

<iframe>: 동영상 삽입 태그<iframe width="560" height="315 src="링크">

2021년 12월 22일
·
0개의 댓글
·

생활코딩 WEB1-27. 수업을 마치며 1/3

처음 배우는 것은 쉽지만 자주쓰이고, 중요함나중에 배우는 것은 어렵지만 특수한 상황에서 쓰이고, 덜 중요함처음에는 배우는 속도가 빠르지만 실력이 낮아서 조급해하고, 나중에는 실력은 높지만 느는 속도가 느려서 조급해함. 하지만 만족감, 자신감, 기대감으로 공부하면 좋겠음

2021년 12월 22일
·
0개의 댓글
·

생활코딩 WEB1-25. 웹 서버와 웹 브라우저 통신

ip주소를 입력해서 웹 브라우저가 설치된 컴퓨터에 설치된 웹 서버를 통해 컴퓨터에 저장된 파일 (웹 페이지) 보는 것은 의미 없음. 직접 command + O로 열면됨우리가 하고 싶은 것은 서로 다른 컴퓨터에 설치된웹 서버와 웹 브라우저가 있을 때 웹 서버가 설치된컴퓨

2021년 12월 22일
·
0개의 댓글
·

생활코딩 WEB1-24. 웹 서버와 HTTP(MAC)

application -> MAMPstack폴더 -> Apache2폴더 ->htcdocs폴더 ( ht는 하이퍼텍스트, doc는 문서 ) -> index.html파일 비롯해 여러 파일 있음. ( bitnami를 통해 apache깔면 bitnami가 그 디렉토리 안에 저

2021년 12월 22일
·
0개의 댓글
·

생활코딩 WEB1-23. 웹 서버 설치(MAC)

맥에는 기본적으로 아파치가 설치되어 있음. 하지만 켜고, 설정하는 것들이 바뀌게 되면 실습하기 어려워서 다른 방법 활용아파치 설치 방법Bitnami mamp stack ( 아파치 직접 설치하는게 다소 까다로운 일, Bitnami MAMP라는 프로그램 설치하면 아파치 관

2021년 12월 22일
·
0개의 댓글
·