맨들맨들 돌덩이

티스토리 생일 : 2020.11.18. 모든 문의 : highcw@naver.com

개발/FronT

https://youtu.be/NprFr1SZGg8 강좌 채널 https://fonts.google.com/ 폰트는 구글폰트에서 웹링크 따서 사용했구용 https://www.pinterest.co.kr/ 유명한 프론트엔드 사이트 https://dribbble.com/ 해외에서 포트폴리오 많이 올리는 사이트. 디자인 감각 참고. https://www.behance.net/ 드리블이랑 비슷한 사이트. https://material.io/resources/color/#!/?view.left=0&view.right=0 색감 참고하는 사이트. https://logopond.com/ 로고 만들 때 유용함.ㅎㅋ https://noonnu.cc/ 한글폰트 사용하는 곳 https://fontawesome.com/ 아이콘..

2021. 10. 3.

개발/FronT

태그(tag) 마크업 할 때 사용하는 약속된 표기법을 말함 태그는 웹 문서에 표시하려는 내용을 전달하는 언어 태그는 를 이용하여 작성 태그는 소문자로 씀 여는 태그와 닫는 태그를 정확히 입력 들여쓰기를 위해 tab키를 사용 태그는 속성과 함께 사용 가능 포함 관계를 명확히 해야 함 텍스트 태그 ~ 제목 표시 일반 텍스트보다 굵고 진하게 표시 됨 숫자가 작을수록 제목 글씨가 커짐 paragrap의 줄임말. 단락표시. 줄 바꾸기 horizontal의 줄임말. 수평 줄 넣기 단락의 주제가 바뀌는 경우 사용. 가로선이 표시되게 됨 인용문 표시 다른 텍스트보다 안쪽으로 들어가게 됨 preformat의 줄임말. 입력 그대로 화면에 표시 , 텍스트를 굵게 표시할 때 사용 굵기차이가 거의 나지 않지만, st..

2021. 9. 27.

개발/FronT

웹 페이지 작성을 위한 언어 - HTML HTML Hyper Text Markup Language HyperText Mark-up Language "Hyper Text Mark-up Language" 의 약자. 웹 페이지의 모습을 기술하기 위한 규약. 프로그래밍 언어가 아니라 마크업 언어다. 헷갈리지 않도록 하자. 웹사이트에서 흔히 볼 수 있는 htm이나 html 확장자가 바로 이 언어로 작성된 문서다. 최초 제안자는 CERN의 물리학자 티머시 J. 버너스리이다. URL, HTTP, WWW의 전신인 Enquire 등도 그가 세트로 개발하고 제안했다. TCP/IP 통신규약을 만든 빈턴 G. 서프(Vinton Gray Cerf)와 함께 인터넷의 아버지로 불린다. 나무위키에서는 다음과 같이 내용을 집어넣어 H..

2021. 9. 27.

개발/FronT

WWW와 웹 표준 World Wide Web 1990년 팀 버너스 리는 월드와이드웹 제안 최초의 웹은 과학자들 끼리 그들 만의 웹 페이지를 공유하기 위해 개발 됨 International World Wide Web Conference의 약칭. 이름부터 월드 와이드 웹인 만큼 웹 분야에서는 매우 유명한 학술대회이다. 1994년 스위스에서 시작하여 매년 4월 즈음 개최되며, 2019년 개최지는 미국 샌 프란시스코, 2020년은 대만 타이페이. 한국에서도 개최된 적이 있다. 서울 코엑스에서 WWW2014가 2014년 4월 7월부터 11월까지 개최되었다. 빅데이터, 데이터 마이닝, 보안, 내용 분석, 네트워크와 그래프, 행동 분석 및 개인화(HCI 분야) 등의 컴퓨터공학 이슈가 중심적으로 다뤄지긴 하지만 웹 기..

2021. 9. 27.

개발/FronT

background-color 16진수나 rgb값 또는 색상 이름을 사용하여 지정 background-image 배경에 이미지를 넣고자 할 때 사용 background-repeat 배경 이미지 반복여부 지정 background-size 배경 이미지 크기 조절 background-position 배경 이미지가 표시되는 위치를 조절 키워드 표시법 수평위치는 left, center, right 중에서 수직위치는 top, bottom, center 중에서 선택 백분율 표시법 주어진 요소의 해당 위치에 배경 이미지의 위치를 백분율로 맞춤 길이 표시법 배경 이미지 위치를 길이로 지정 linear-gradient 선형 그라데이션 – 직선 형태로 색상이 바뀌는 것 색상이 바뀌는 방향을 알려주는 각도 표현 - deg r..

2021. 9. 27.

개발/FronT

font-family 텍스트를 사용하는 요소들에 사용 p { font-family: ”맑은 고딕”; } body { font-family: ”맑은 고딕”, 돋움, 굴림; } @font-face 웹 폰트 추가 웹 폰트란 웹 문서를 작성할 때 웹 문서 안에 글꼴 정보도 함께 저장했다가 사용자가 웹 문서에 접속하면 글꼴을 사용자 시스템으로 다운로드 시키는 방식 구글 웹 폰트를 사용하거나, 웹 폰트를 업로드해 사용할 수 있음 @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); @font-face{ src:url('BMJUA_ttf.ttf'); font-family: 'JUA'; } font-size 글자 크기 조절 ..

2021. 9. 27.

개발/FronT

전체 선택자 스타일을 모든 요소에 적용할 때 사용 * { margin: 0; padding: 0; } 태그 선택자 특정 태그가 쓰인 모든 요소에 스타일 적용 p { text-align: center; } /* 텍스트 단락을 중앙 정렬 */ h2 { color:darkblue; } 클래스 선택자 태그 대신 클래스 이름을 선택하여 지정된 클래스에 스타일 적용 한꺼번에 둘 이상의 클래스 스타일도 적용 가능 .reg { font-size:14px; color:darkblue; } id 선택자 웹 문서 안의 특정 부분에 스타일 적용 클래스 선택자는 문서 안에서 여러 번 적용할 수 있지만, id 선택자는 문서 안에서 한 번만 적용 가능 #container { width:600px; /* 너비 */ padding:1..

2021. 9. 27.