바닐라js javascript day5 이번에는 화면 하단에 나오는 오늘의 명언을 어떻게 출하는지 알아보자. 이번 작업에서 중요한 점은 해당 명언들이 랜덤하게 나와야 하는 점이다. 위와 비슷한 기능을 가지고 일정 시간마다 배경이 바뀌는 효과를 넣어보자.... JavaScript바닐라jsJavaScript 클론코딩: Canal Street Market 모든 페이지의 레이아웃 구현 Event bubbling, Intersection observer API을 활용한 이미지 로딩 Slider 구현 (클릭넘김, 버튼넘김) Async/Await을 통한 Map API 구현 1. 트랜지션을 활용한 슬라이드 인 처음엔 저도 JS로 접근하려고 했지만, CSS를 이용해 애니메이션을 주고 슬라이드를 줄 수 있지 않을까 싶었고 만족스러운 결과가 나왔습니다. 한... JavaScript자바스크립트js바닐라jsJavaScript 노마드코더 바닐라 JS로 크롬앱 만들기 준비 개념수업을 앞부분에 쭈루룩 해주셨는데 프로젝트에 과제에 개인공부에 치여 3일동안 나눠서 개념수업을 들었다. 본격 크롬앱 만들기전까지 준비완료! 들어가기 전에 CSS, HTML JAVASCRIPT로 연습을 살짝 맛봤다. -document 자바스크립트에서 HTML로 접근할 수 있는 방법으로 body, title, head같은 중요 요소들은 직접 가져오고 태그나 아이디, 클래스 같은 요소들은 ge... 노마드코더CSS공부코딩바닐라jshtmlCSS 노마드코더 바닐라 JS로 크롬앱 만들기 시계나타내기 챕터 3개밖에 안남은 노마드 코더 ! 오늘은 시계 나타내기를 진행했다. Date클래스를 사용해서 현재시각을 가져오는데 화면에 시간이 계속 바뀌는 걸 나타내려면 interval함수를 사용하면 되는 것과 반복이 아니라 시간을 정해서 한번 출력 하고싶으면 timeout함수를 사용하면 된다. html에 먼저 h2태그를 사용해서 시간을 나타내주기로하자. 1. html 기본적인 문구는 00:00으로 지... 노마드코더바닐라jsCSS공부코딩JavaScripthtmlCSS
javascript day5 이번에는 화면 하단에 나오는 오늘의 명언을 어떻게 출하는지 알아보자. 이번 작업에서 중요한 점은 해당 명언들이 랜덤하게 나와야 하는 점이다. 위와 비슷한 기능을 가지고 일정 시간마다 배경이 바뀌는 효과를 넣어보자.... JavaScript바닐라jsJavaScript 클론코딩: Canal Street Market 모든 페이지의 레이아웃 구현 Event bubbling, Intersection observer API을 활용한 이미지 로딩 Slider 구현 (클릭넘김, 버튼넘김) Async/Await을 통한 Map API 구현 1. 트랜지션을 활용한 슬라이드 인 처음엔 저도 JS로 접근하려고 했지만, CSS를 이용해 애니메이션을 주고 슬라이드를 줄 수 있지 않을까 싶었고 만족스러운 결과가 나왔습니다. 한... JavaScript자바스크립트js바닐라jsJavaScript 노마드코더 바닐라 JS로 크롬앱 만들기 준비 개념수업을 앞부분에 쭈루룩 해주셨는데 프로젝트에 과제에 개인공부에 치여 3일동안 나눠서 개념수업을 들었다. 본격 크롬앱 만들기전까지 준비완료! 들어가기 전에 CSS, HTML JAVASCRIPT로 연습을 살짝 맛봤다. -document 자바스크립트에서 HTML로 접근할 수 있는 방법으로 body, title, head같은 중요 요소들은 직접 가져오고 태그나 아이디, 클래스 같은 요소들은 ge... 노마드코더CSS공부코딩바닐라jshtmlCSS 노마드코더 바닐라 JS로 크롬앱 만들기 시계나타내기 챕터 3개밖에 안남은 노마드 코더 ! 오늘은 시계 나타내기를 진행했다. Date클래스를 사용해서 현재시각을 가져오는데 화면에 시간이 계속 바뀌는 걸 나타내려면 interval함수를 사용하면 되는 것과 반복이 아니라 시간을 정해서 한번 출력 하고싶으면 timeout함수를 사용하면 된다. html에 먼저 h2태그를 사용해서 시간을 나타내주기로하자. 1. html 기본적인 문구는 00:00으로 지... 노마드코더바닐라jsCSS공부코딩JavaScripthtmlCSS