전체보기2308

• 

  엘도라도 탐험대 OST [Verse] 친구들아 모여봐 준비됐어 탐험대 황금찾는 길 위에 우리 모두 달려가 [Verse 2] 첫 걸음부터 떨려 위험 속에 모험해 꿈꿔왔던 엘도라도 눈앞에 있다 믿어봐 [Chorus] 엘도라도 향해 가 황금도시 꿈꾸며 모험 속에 빛을 찾아 함께하는 우리야 [Verse 3] 고난 속에 배운다 눈물 속에 강해져 거친 세상 이겨내 엘도라도가 바로 여기야 [Chorus] 엘도라도 향해 가 황금도시 꿈꾸며 모험 속에 빛을 찾아 함께하는 우리야 [Bridge] 어둠 속에 빛이 나 반짝이는 우리 꿈 두렵지 않아 이제는 우리 모두 할 수 있어 Good Music 2024. 8. 25.

• 

  우주를 탐험하는 소녀들의 노래 (스타더스트 저니) 사랑스럽고 매력적인 소녀들의 우주여행을 그리는 노래를 만들어 보았다... 우리는 가끔 터무니 없지만, 우주를 여행하는 꿈을 꾸기도 한다... 그것이 내 맘속의 작은 우주라도 말이다... Verse 1: In a galaxy of stars so bright, Where the moonlight dances in the night, A crew of girls with dreams so high, On a cosmic journey, they’ll touch the sky. Pre-Chorus: With a sparkle in their eyes and a heart so wild, They’ll explore the universe, each star, each mile, Riding on the sta.. Good Music 2024. 8. 24.

• 

  20강. 자바스크립트 타이머 만들기 19강. 로컬스토리지 사용하기18강. DOM을 활용하여 신규요소 제거하기17강. DOM을 활용하여 신규요소 추가하기16강. 웹 페이지를 동적으로 만들기15강. 버튼 만들기14강. HTML요소 클릭시 동작하도록 만들기.13강. 자바스크립트 함soo0100.tistory.com 타이머란?일정 시간에 어떤 일들을 반복해서 실행시키는 동작을 의미한다.타이머를 활용할 수 있으면, 게임을 만드는 기본 툴 하나를 완성했다고 볼 수 있다.19강까지의 강의를 통해서 우리는 랜덤함수를 만들었고, DOM을 활용해서 화면에 요소들을 추가 제거 그리고 로컬스토리지를 통해서 값을 저장했다.랜덤 함수 + 타이머만 가지고서도 간단한 게임을 만들 수 있다.오늘은 우선, 타이머를 가지고 카운팅 하는 예제를 만들어 본다. 1. 타이머 함.. 앱 만들기/JavaScript study 2024. 8. 20.

• 

  19강. 로컬스토리지 사용하기 18강. DOM을 활용하여 신규요소 제거하기17강. DOM을 활용하여 신규요소 추가하기16강. 웹 페이지를 동적으로 만들기15강. 버튼 만들기14강. HTML요소 클릭시 동작하도록 만들기.13강. 자바스크립트 함수 사용법함수란 자바스크립트 블록문soo0100.tistory.com 입력받은 값을 브라우저를 종료하고 다시켜도 나타나도록 하기위해서 로컬 스토리지를 사용한다.물론, 서버에 저장해도 되지만 로컬에 저장하는 방법부터 먼저 공부한다. 1. 화면구성.텍스트 필드에 값을 입력한다.버튼 클릭시 화면에도 추가되면서, 내부적으로는 로컬스토리지 라는 브라우저 내부공간에 저장된다. 내가 좋아하는 과일을 적어주세요  소스에서는 input 태그를 사용해서 텍스트 필드와 버튼을 만들었고,추가될 영역을.. 앱 만들기/JavaScript study 2024. 8. 19.

• 

  로또 번호 자동 생성하기 지난 시간 PC에 설치된 브라우저에서 로또번호 를 한개씩 생성하는 방법을 알아보았다.이번에는 6개의 숫자를 중복없이 생성하는 방법을 알아본다.실행 결과물은 하기와 같다.로또번호 받기 버튼을 클릭하면 로또 번호 6개를 받을 수 있다.  그럼, 소스를 살펴보자.  소스는 크게 자바스크립트 코드 부분과 HTML 요소 이렇게 두개로 나뉜다. 1. HTML 요소 (버튼 과 숫자가 표시될 영역)   1-1. 버튼 input 타입을 활용해서 버튼을 만들었다. 버튼 클릭시 동작을 위해서 lotto2() 함수를 연결한다.  1-2. div (숫자가 표시될 영역) 숫자가 표시될 영역으로 div 요소를 설정한다. 2. 자바스크립트 ( 함수 )버튼 클릭시 동작을 위한 자바스크립트 함수 부분이다.로또 번호를 얻는 .. 앱 만들기/JavaScript study 2024. 8. 15.

• 

  로또 숫자 만들기 with 자바스크립트 (랜덤 함수 활용하기) 로또는 45개로 이루어진 숫자이다.로또 번호 6개가 갑자기 생각이 안난다면, 여러분의 브라우저를 통해서 6개의 랜덤한 숫자를 받을 수 있다.물론 동행복권 사이트 및 다른 방법을 통해서도 할 수 있지만,아주 간단히 여러분의 PC에서도 가능하다. 1. 브라우저를 연다. (크롬이면 더 좋겠다)2. 키보드 F12번을 누른다.3. 브라우저 오른편에 하기와 같은 창이 나온다.4. 콘솔 탭을 선택한다. 5. 이제 여러분의 브라우저를 통해서 랜덤 숫자 6개를 받을 준비가 완료되었다. 콘솔창 커서 부분에 하기 명령어를 입력한다. Math.floor(Math.random()*46); 뜻은 우선은  몰라도 된다.여러번 입력하면, 랜덤한 숫자들이 나온다.숫자들이 중복될 수는 있지만 0~45까지의 숫자가 나온다.물론 0을 제외.. 앱 만들기/JavaScript study 2024. 8. 12.

• 

  18강. DOM을 활용하여 신규요소 제거하기 17강. DOM을 활용하여 신규요소 추가하기16강. 웹 페이지를 동적으로 만들기15강. 버튼 만들기14강. HTML요소 클릭시 동작하도록 만들기.13강. 자바스크립트 함수 사용법함수란 자바스크립트 블록문을 하나의 어떤 액션(특정작업)을 할 수soo0100.tistory.com 지난 시간에는 신규요소를 추가해보았다.이번에는 추가된 요소들을 클릭할 때마다 제거하는 코드를 짜본다. 1. 화면을 구성한다. - 버튼을 클릭하면 요소를 추가하는 addItem() 함수를 만든다. - 추가될 요소의 영역을 div로 선언한다.  이곳에 신규 요소가 생성됨  2. 자바스크립트 코드에서는   버튼 클릭 시 요소를 추가하는 기능 과 요소들을 클릭시 삭제하는 기능을 구현한다,  이전강에서 이미 여러 요소를 추가.. 카테고리 없음 2024. 8. 11.

• 

  대구 카페 추천 - 카페덕천814 카페덕천814는 대구미술관 맞은편에 위치한 정원이 잘 가꾸어진 카페이다.도로변 주차장을 통해 산책로를 따라 걸어내려오면 어여쁜 정원을 만나볼 수 있다. 3층으로 구성된 덕천814는 자연과 잘 어울러져있는 카페 이다. 차분한 1층은 그윽한 커피향이 물씬 풍겨나는 느낌. 카운트가 위치한 2층은 모던한 카페의 느낌을... 3층은 계단으로도 이동이 가능하다.카페 주변에는 대구미술관 과 대구 월드컵경기장이 위치해있다.  저 멀리 대구의 첨단 IT단지가 될 알파시티가 보인다. 3층은 야외 테라스를 음미하기 좋게 설계 되었다. 덕천카페는 작은 과수원들로 둘러쌓여 있고, 실제 과실을 판매하기도 한다. 카페 주변 풍경은 참 평온하다. 카페 덕천814 는녹색 푸르름과 맑은 하늘이 잘 어울리는 평온한 카페이다.밤에는 은은한.. 여행 이야기 2024. 8. 10.

• 

  17강. DOM을 활용하여 신규요소 추가하기 16강. 웹 페이지를 동적으로 만들기15강. 버튼 만들기14강. HTML요소 클릭시 동작하도록 만들기.13강. 자바스크립트 함수 사용법함수란 자바스크립트 블록문을 하나의 어떤 액션(특정작업)을 할 수 있도록 만든 것이다.함수의 구조는soo0100.tistory.com 동적으로 HTML신규 요소(Element) 를 추가한다.이 동작을 하기위해서는 DOM의 createElement() 와 appendChild() 함수를 사용해야 한다. 예제를 만들어보자. 이곳에 신규 요소가 생성됨  1. body 에서 버튼 과 신규요소가 생성될 div 영역을 만들었다.   신규 요소는 p 이다. 2. 버튼을 클릭하면 addItem() 함수가 실행될수 있도록 버튼 속성에 onclick 을 정의한다. 3. add.. 앱 만들기/JavaScript study 2024. 8. 5.

• 

  16강. 웹 페이지를 동적으로 만들기 15강. 버튼 만들기14강. HTML요소 클릭시 동작하도록 만들기.13강. 자바스크립트 함수 사용법함수란 자바스크립트 블록문을 하나의 어떤 액션(특정작업)을 할 수 있도록 만든 것이다.함수의 구조는 하기와 같다. funsoo0100.tistory.com 웹 페이지를 동적으로 만들기란. 바로 사용자의 행동에 반응하는 웹페이지를 의미한다.기존 앞에서 서술했던 HTML 과 CSS 만으로만 웹 페이지를 만들면그저 정보를 보여주는 역할에만 충실하게 된다. 예를 들어 버튼 클릭시 화면이 변화하게 만들어야 된다면, 바로 자바스크립트를 활용해야 한다.이것이 바로 동적인 웹 페이지를 만드는 기본적인 개념이다.앞 시간에 보았던 팝업창을 띄워주는 alert() 역시 자바스크립트에서 기본으로 제공해주는 함수이다.기본적으로 제.. 앱 만들기/JavaScript study 2024. 8. 3.