분류 전체보기23 HTML의 기본 구조와 개념 1. HTML의 기본 구조 // 실제 웹 브라우저 화면에서 보여주는 내용 작성 2. 이외 개념 1) HTML 기본구조 자동입력하기 : 첫 줄에 ! 입력 후, Tab 또는 Enter, 입력 후 lang="en"을 lang="ko"로 변경 2) 웹 문서의 영역 : 헤더, 메인, 푸터, 사이드바 3) 경로 입력 시, 절대경로, 상대경로 구분 유의 절대경로 : 속성값이 항상 같은 경로 ex) https://naver.com 상대경로 : 현재 작성하는 문서의 위치를 기준으로 함. 문서의 위치에 따라 바뀜. ex) ./sub/sub2.html, ../index.html ※ 경로 표기법 / : 최상위 경로 ./ : 현재 폴더 위치 ../ : 상위 폴더 위치 4) 코딩의 대전제 : 2개 이상의 요소는 하나로 묶는다. .. 2023. 6. 20. jQuery CDN 방식으로 연결하기 jQuery를 CDN 방식으로 연결하는 방법을 알아보겠습니다. 1. jQuery 사이트에 접속해서 오른쪽 상단의 주황박스 'Download jQuery'를 클릭해줍니다. ※ 아래 이미지 클릭 시, 바로 이동합니다. 2. 아래와 같은 페이지로 넘어가는데 스크롤을 아래로 내리며 'linkUsing jQuery with a CDN' 제목의 구문부분을 찾아줍니다. 3. 아래와 같은 구문에서 원하는 CDN을 클릭해줍니다. 예시로 google CDN을 클릭하여 들어가보겠습니다. 아래 초록 화살표 링크를 클릭하면, 'Google Hosted Libraries'로 이동합니다. 4. 아래 스니펫 리스트 중, 원하는 것을 복사해서 html 'head' 부분에 붙여넣어줍니다. 2023. 4. 12. 무료 아이콘 사이트 정리 5 무료 아이콘 사이트를 정리해보았습니다. 아이콘은 종종 웹디자인, 홍보 인쇄물 등 다양한 용도로 사용되는데요. 아래 사이트 리스트 참고하셔서 원하시는 아이콘을 찾는데 도움이되셨으면 좋겠습니다. 사이트별로 무료 사용의 경우 저작권을 표기해야하는 등 별도로 요구되는 사항이 있으니, 사용 전 미리 확인 후 준수하시며 사용하시는 것을 권장 드립니다. 무료 아이콘 사이트 정리 5 ※ 사이트 사진을 클릭하시면, 해당 사이트로 바로 이동됩니다. ※ 1. Google Fonts Icon 구글 Fonts에서 무료로 벡터아이콘들을 제공하는 사이트입니다. svg, png 형식 모두 다운받을 수 있어요. 2. Freepik 전세계적으로 유명한 벡터사이트입니다. 비트맵 이미지도 지원합니다. 무료로 이용할 경우 저작권 표시가 필수.. 2023. 3. 13. 사람들은 심리적으로 익숙한 디자인을 좋아한다. Jakob's Law에 따르면 사람들은 접속하는 여러 사이트가 같은 방식으로 작동하길 바란다고 합니다. 같은 방식으로 작동할수록, 처음 접하는 사이트더라도 사람들은 익숙함을 느끼고 그만큼 새로운 사이트에도 금방 적응할 수 있다고 합니다. 여러 인터페이스를 익히는 데 드는 시간이 줄어들수록, 사용자의 정신적인 에너지 소모가 감소합니다. 따라서, 목표 달성에 쓸 에너지는 늘어나고 사용자가 원하는 목표를 달성할 확률도 늘어납니다. Jakob's Law, 사람들은 심리적으로 익숙한 디자인을 좋아한다 Jakob's Law는 2000년에 Jakob Nielson이 2000년에 제창한 것으로, '사용자는 다른 웹사이트를 통해 축적된 경험을 바탕으로 디자인 관례에 대한 기대치를 형성하는 경향을 보인다.'라는 내용의 법.. 2023. 3. 2. 이전 1 2 3 4 5 6 다음