# html
[TIL] 폼 요소
이때까지 값을 입력하는 폼 요소를 배웠고, 이후는 그 외적인 폼 관련 요소들이다.폼 요소와 연결해주기 위함으로 사용되는데, 웹 접근성 향상에 도움이 되므로 필수적으로 선언 해줘야 한다. id 속성의 값과 해당 label요소의 for속성의 값을 동일하게 적어야 한다.아이
[수업 5월 셋째주 1일차] CSS-4
오늘은 position과 기본 레이아웃을 공부했다.\-position: relative\-position: absolutepostition에서 relative 와 absolute의 가 설명이 이해하기 어려워 구글링해보았다.relative는 요소를 원래 위치를 기준으로
[수업 5월 둘째주 4일차] CSS-3
1. 학습내용 오늘은 Box-shadow와 애니메이션 효과를 주는 방식에 관해 배웠다. Box-shadow 각각 수치에 따라서 그림자를 짙게 주거나, 밖이 아닌 안쪽으로 주는 등의 옵션을 지정할 수 있다. transform과 transition으로 애니메이션 효과
20220509~20220515 WIL lee jaeguen
부트캠프의 첫 주가 지나갔다.몰려오는 지식은 머리를 스쳐 지나가고스치며 생기는 생채기는 상처인 듯 바쁨을 알려준는 상징인 듯어찌되었든 무언가 남고있다는 느낌은 든다.첫 주는 jquery 를 사용하여 웹 페이지에 one click으로 modal창을 띄우거나준비해놓은 창으
TIL(2022. 5.10) - form
form 태그는 자주 쓰이는 태그로 우리가 로그인할 때 보는 로그인창, 검색창을 이용할 때마다 보았을 것이다. form 태그에 대해서는 한 차례 정리해놓은 적이 있었다. (혼자 공부하면서 html 태그에 대해서 정리했을 때 정리했다) form `` : 주소 표시줄에
[9일차] CSS transition, animation, transform, box-model, margin, border, display 속성들
transition, transform, animation, CSS boxmodel, border, margin 등의 속성에 대해 알아보자.
[TIL]폼 요소
select 요소 선택 목록 상자 혹은 콤보 박스라고도 한다. 몇 개의 선택지를 노출시키고 하나를 선택하게끔 하는 요소로 리스트 태그와 비슷하다. select태그의 자식태그로 option태그가 들어온다. option태그에는 selected라는 속성이 있는데,<inpu
[2022.05.15] Canvas API - 캔버스에 이미지 사용하는 방법
자바스크립트에서 이미지 객체를 만든 후, 캔버스에서 불러오면 된다.두 가지 방법 중 1개를 사용하면 메모리 상에 이미지 객체가 만들어진다.이제 HTML에서 img 요소를 작성하는 것처럼 자바스크립트에서 src를 넣어서 이미지의 경로를 작성해주면 된다.여기서 알아야 할
[Javascript] 금융앱 토이 프로젝트 - 리팩토링
💡 리팩토링 import용 파일 생성 용도에 따른 js 파일 분리 JSON 데이터 처리 이벤트 처리 chart.js 라이브러리 ` → ` 변경 className, classList.add, setAttribute JSON 데이터 처리 부분 구조 변경 중
[Javascript] 금융앱 토이 프로젝트
🪙 Fintech App 금융앱 화면을 웹으로 구현해보는 프로젝트이다. 5월 6일 저녁부터 시작해서 5월 10일까지, 주말을 제외한다면 약 3일동안 프로젝트를 진행해야 했다. Figma를 통해 받은 디자인 시안을 보고 HTML과 CSS로 화면을 구성했고, Javas
3. 제목, 문단, 인용구, 인용문, 강조 요소
제목에 관한 요소로 h1 ~ h6 까지있습니다. 중요도는 1이 가장 높고 6이 가장낮습니다. 해당 제목요소를 사용할때는 순서대로 사용을 해야하는데 이 뜻은 h1을 쓴다음 바로다음에 h4가 오거나 할 수 없다는 뜻입니다. h1을 썼으면 그다음에는 h2를 입력해야합니다.
HTML 작성 팁
스크린 리더기에게 정보를 전달할 때 사용한다.aira-label=""aria-hidden="true" // 스크린리더에게 읽지 말고 생략하라고 알려줌(시각적인 요소인경우)
HTML&CSS 1
※사진을 저장을 한다면 html을 저장한 파일에 같이 존재를 해야한다.또는이라고 body에 입력을 하면 된다.✍작성👉결과이라고 이것도 body에 입력을 하면 된다.그러면 사진도 삽입이 되면서 크기가 조정이 된다.✍작성👉결과똑같아 보여도 사진을 직접 넣으면 다를 것이
HTML/CSS/Javascript
HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담는다.head 안에 들어가는 대표적인 요소들: meta, script, link, title 등body 안에 들어가는 대표적인 요소들:
[2022.05.14] Canvas API - 애니메이션 멈추는 방법
이전에 공부했던 캔버스 강좌를 이어서 1분 코딩님의 라이브강좌 영상을 기준으로 작성하였다.오늘은 간단히 애니메이션을 멈추는 방법에 대해 공부해보았다.지난번에 작성한 캔버스 관련 포스트Canvas API 개념 & 기본 사용방법Canvas API 선과 원 그리기Canvas