누가봐도 인생 1회차의 기록장

코딩강의 2

[노마드코더] 바닐라 JS로 그림판 만들기 #Canvas

canvas html5 의 한 요소로 context를 가짐 (요소안에서 픽셀에 접근할 수 있음) 2개의 사이즈를 가져야 함(CSS사이즈, pixel modifier(실제픽셀사이즈)) strokeStyle( ) : 기본색 lineWidth( ) : 선의 너비 beginPath( ) : 클릭하지 않을 때 선을 만듦 => 경로생성 moveTo(x,y) : x,y 좌표로 path를 옮김 => 선 시작 좌표 lineTo(x,y) : 이전 위치에서 지금 위치까지 선을 만듦 => 선 끝 좌표 stroke( ) : 선을 그음 - 마우스를 움직이는 내내 발생 => 선 그리기 * Canvas MDN https://developer.mozilla.org/ko/docs/Web/API/Canvas_API

☕ 문벅스 카페 메뉴 앱 만들기 #01 (에스프레소 메뉴판 만들기)

☕ 블랙커피 Vanilla JS Lv1. 문벅스 카페 메뉴 앱 만들기 메이커준님 유데미 강의 시작! 강의도 여러개 끊어놓고 책도 읽고 있지만 그저 따라치고 뭘 어떻게 만들어야 할지 갈피를 잡지 못하던 나에게 딱 필요한 강의인 것 같아서 유데미 할인할 때 저렴하게 질렀다!! (이렇게 산 것만 수두룩^^*) 강의 목적 바닐라 자바스크립트를 아는 걸 넘어 자바스크립트를 잘 사용하는 방법(사고하는 방법) 바닐라 자바스크립트로 상태관리가 가능한 애플리케이션 만들기 1. 요구사항 분석 요구사항의 목적을 명확히 체크 (기능 구현을 위한 필요한 지식과 개념이 무엇인지 파악) 기능을 세부적으로 쪼개서 (메뉴추가/수정/삭제) 순서대로 적어보기 ※ 요구사항 예시 ※ 에스프레소 메뉴에 새로운 메뉴를 확인 버튼 또는 엔터키 입..