날씨 어플리케이션 만들기 Figma 이용하여 UI 디자인하기 openweathermap API, 날씨 정보 data 받기 [무료 API] Current weather data API Current weather data postman 사용하여 데이터 조회 [Pos
mapKakao 지도 APIKakao Developers사이트에 들어가서 앱 키를 발급받아야 API를 사용할 수 있다.<실제 지도를 그리는 Javascript API 불러오기>index.html에 있는 head 와 body 가 모두 로딩된 다음, body의 <
\-input에 할 일 입력 후 + 버튼을 누르면 할 일이 추가되는 기능-완료 표시, 수정 기능-삭제 기능 추가-필터 기능을 사용해서 전체, 해야될 것, 완료된 것을 구분-todoList에 추가한 내용이 LocalStorage에 저장되어 그대로 내용을 불러오는 기능 구
\-파일을 선택하면 이미지를 추가할 수 있게 개발-이미지 삭제 기능 추가-반응형으로 개발하여 화면이 작아지면 좌우로 스크롤하여 이미지를 볼 수 있는 기능 추가그냥 리액트를 사용하게 되면 따로 리액트, 리액트 돔, 번들러, 바벨 등등을 일일이 설치해야되기 때문에 crea
bmi\-BMI : 체질량 지수 -사용자가 직접 input을 입력하기 때문에 어떤 값이 들어올지 알 수 없다. -해당 기능을 필터링 하는 로직 구현-ProgressBar를 사용하여 일반적으로 어느정도 수치인지 확인\-BMI는 소수점 아래 두자리까지 출력form으로 i
HTML, CSS, Javascript 만으로 단순하게 개발하기아무것도 입력되지 않은 input결과값이 입력된 input덧셈 등 연산을 진행하면 + 등 연산자가 생기는 input숫자를 입력하면 숫자가 바로 입력되는 input뒤에 입력한 숫자가 음수일 경우 +연산자가 -
클래스 변수로 표시해줄 달에 대한 정보들을 set하는 변수, string array로 월별의 영문표기를 가져왔다.private 변수 생성 캘린더 안에서 관리하는 변수, 달력이 보이는데 사용될 날짜들에 대한 정보각 기능을 하는 엘리먼트를 사용하고 있다는 것을 바로 알 수
Webpack-boilerplatefont awesome 아이콘을 사용하기 위해 라이브러리 설치슬라이드 이미지 관련 설정Lodash 문법을 사용해서 입력해준다. Node.js에서는 require 메서드를 통해 외부 모듈을 가져올 수 있다.동적으로 움직이는 인디케이터
최상의 성능을 위해 어플리케이션을 최적화하는 개발도구 Webpack 사용추가적인 압축 플러그인까지 설치 후 TerserWebpackPlugin 을 생성하여 minimizer 에 입력 후 $ npx webpack 을 실행한다.dist 경로에 bundle.js , bun
starbuckshead 태그에 script를 작성\_.throttle(함수, 시간)을 이용해서 스크롤 과부하를 방지한다.head 태그에 script를 작성gsap.to(요소, 지속시간, 옵션)으로 애니메이션 동작시키기 유트브 영상이 출력될 위치에 요소를 생성한다.on