분류 전체보기 85

WIL _ JQuery 활용

1. jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장 JQuery는 개발자들이 짜둔 코드를 가져오는 형태로 사용전 임포트를 해야한다. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Cov..

WIL _ 부트스트랩 활용하여 포스팅 박스 만들기 (feat.모바일 처리)

1. 포스팅 박스 추가하기 - 부트 스트랩에서 URL / 난이도 선택 / 코멘트 부분을 가져와 진행 노래 URL 난이도 별1~5개 ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ Comments 기록하기 닫기 - 박스의 그림자 효과와 라인 색상을 바꾸는 코드 box-shadow: 0px 0px 4px 0px lightpink; [box-shaodw에서 각 숫자의 의미] - 수평거리 : 양수 값은 오른쪽, 음수 값은 왼쪽으로 그림자를 만듦 - 수직거리 : 양수 값은 아래쪽, 음수 값은 윗쪽으로 그림자를 만듦 - 흐림정도 : 값이 커질 수록 부드러운 그림자를 표시(음수값은 없음) - 번짐정도 : 양수 값은 그림자를 모든 방향으로 확장 / 음수 값은 그림자를 모든 방향으로 축소 (기본값 0) - 색상 : 그림자의 색상 -..

WIL _ 구글 웹 폰트, 부트스트랩 활용

1. 구글 웹 폰트 활용 먼저 구글 폰트에서 마음에 드는 폰트를 선택한다. (*아래 구글폰트 링크 참고) https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 1. 폰트 Select this style 클릭 2. link 복사해서 html 파일의 - bootstrap 사이트 https://getbootstrap.com/docs/5.0/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and..

WIL _ HTML, CSS 기초

HTML - 뼈대 : HTML은 구역과 텍스트를 나타내는 코드 1. 태그 (tag) - 와 기호를 사용하여 내요으이 시작과 끝을 표시한다. 2. 주석 - 사람에게는 보이지만 컴퓨터는 인식하지 않는 코드로 코드 내용에 대한 메로를 남김 ex) 단축키 : ctrl + / 나는 구역을 나누죠 3. 기본 태그 설명 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button..