하고 싶은 게 너무나 많아

8:30 경 학원 도착해서, 어제 하려다가 걍 집으로 튀게 만든 리셋할 때 토끼 이미지 바꾸기하는데 수업 시작까지 못함ㅋㅋ 일단 이 아래거는 내가 혼자 삽질한거더보기  움직이기 리셋   선생님과 토끼 움직이면서 해결한 거 + 샘이 다른 방식 알려주신거 전체 코드더보기 움직이기 움직이기2 리셋 rabbitImg라고 img 요소를 상수로서 저장한다는 의미는 참조값(사물함 key번호)이 상수로서 고정된다는 의미일 뿐 그 하위 요소(사물함 안의 물건)를 수정할 수 없다는 이야기는 아님.  이미지가 여러 개인 애니메이션을 하게 된다면 위 방식으로 할 때 이미지 별로 저 동작을 다 코딩해줘야하는 게 번거로워서 다른 방식으로 만든 것  docu..

점심 전에 풀었던 퀴즈 답염두에 둘 것1. numbers1.push(i) 대신 numbers1[i]=i여도 됨2. for (let i=1;i3. for 안에서 위치에서 sum이 선언되어 버리면 for문이 돌때마다 초기화 된다 그래서 sum이란 변수가 바깥에 고정으로 있어야 한다.4. sum = sum+numbers3[i]의 다른 표현 sum += numbers3[i]5. 문제를 잘 읽어야 한다. 콘솔창에 나타나도록 하는 코드는 짜지 않았음.... 바보야6. 함수 안에서 사용될 예정인 빈 배열을 미리 준비해야 한다.7. 글로벌 변수를 만들거나 을 사용하지 않고 여러 줄의 코드를 묶는 방법은 html 첫 시간에 했었다. (수업 시간 코드 파일 Step01_begin.html)에 있음더보기 document.q..

8:20 쯤 학원 도착해서 세팅하고 복습하려고 앉았다가 딴짓하다가9:10분쯤 공부 시작  어제 복습지금까지 배운 {}가 등장하는 세 가지 경우 : object type 데이터, 함수의 정의에서, 제어문에서 사용됨 객체 타입의 정보들은 그 정보들이 들어 있는 임의의 주소가 부여되고, 이걸 참조값이라고 한다.보통 때 객체 타입의 정보들에는 그 정보가 통째로 들어있다고 생각하되, 그게 진짜 뭐가 들어있는지 따져줘야 하는 상황일 때는 참조값의 개념을 떠올리는 것이 이 개념을 가장 잘 설명하는 방법인 것 같다고 말씀해주심. 함수를 호출하는 방법은 함수명()함수를 호출한 위치는 함수가 종료되고 나면 undefined값 또는 return된 값으로 대체가 된다.함수의 목적은1. 함수를 동작만 시키거나2. 함수를 동작시..

■ 삼항연산자의 활용 ■ 증감연산자의 활용증감연산자 중 변수의 뒤에 넣는 건 대입 연산자보다 순서가 늦다.  ■ typeof 연산자typeof 연산자 뒤에 오는 데이터 형의 종류를 명시해준다.  ■ 제어문 : 실행의 흐름을 제어하는 역할을 함1. 특정 코딩 블럭을 조건부로 실행할 수 있다.2. 특정 코딩 블럭을 원하는 횟수 만큼 반복 실행할 수 있다.3. 실행의 흐름을 바꿀 수 있다. ■ 제어문 if 문 : 조건이 맞으면 그 조건부를 실행하고 바로 마지막으로 가서 결과를 도출 - 단일 if 문 : 조건부 실행 블록을 하거나 안 하거나 둘 중 하나(단일 블록) - if ~else 문 : 조건부 두 개 중 한 개 양자택일을 반드시 수행 (만일 트루면 실행하고, 그렇지 않으면 트루가 아니면 else 블럭 수행..

8:35 경 학원 도착오늘의 상태 : 음. 힘내야 할 거 같은 날이다. 이래저래 힘드네.    ■ 변수와 상수상수는 한 번 정해지면 바꿀 수 없어서 read only인 경우가 많다. ■ data type을 알아야 하는 이유프로그래밍을 한다는 것은 결국 data를 다루는 것이다.그래서 data 타입의 종류가 무엇이 있는지, 그런 data type을 어떻게 만드는지를 알아야 한다.number, string, boolean, object, array, function 모두 하나의 데이터 값이고 종류가 다를 뿐이다.  - number type(숫자), string(문자열), boolean type(참/거짓) - plain object type : 순서가 중요하지 않은 여러 정보를 key값과 value의 구조로 ..

페이지가 로딩되는 시점에 sing이라는 함수가 정의됨함수를 만들면, 이 함수에 대한 참조값(key)이 알아서 발급되고, 이 참조값(key)이 변수나 상수에 들어간다 함수 sing()이 호출되면서 undefined 값이 대입됨 함수 sing을 호출하여 b에 이미 만들어져 있던 함수를 복사해서 만들어 넣어줌 이 위에서 만들어진 함수는 1개일 뿐, sing과 b는 다른 참조값(key값)을 보유한 서로 다른 상자일뿐마찬가지 개념으로, 오브젝트가 만들어질 때도 마찬가지이다. 변수는 이름이 달라도 동일한 오브젝트를 참조한 꼴이라서 여기에서 오브젝트는 한개만 만들어진 상황. 수업에선 number type, string type, boolean type이 하나의 명확한 값이 대응되어 참조값(key값)을 부여할 필요가 ..

오늘의 상태 : 잠을 푹 자긴 했는데 계속 꿈꾸면서 자서 여전히 피곤함이 남아 있는 느낌.근데 웃긴건 피곤하면서도 머리는 맑은 느낌. 8:10 경 학원 도착해서 간식도 먹고 딴짓도 좀 함8:45 경 블로그 작성 시작 + 어제 수업한거 복습 + 오늘 수업 할 거 예습+ 어제 블로그 글 수정  지난 시간 복습 : 변수와 산술 연산, 결과값  위 명령 프롬프트 창이 닫기면 myName이든 a든 b든 변수에 저장된 값이 다 증발됨! node.js에서는 명령 프롬프트 창 지우려면 console.clear() 하면 됨  ■ 문자열과 산술 연산자 + 의 기능 : 문자열 붙이기  ■ boolean type의 연산 예시  ■ plain object typejavascript에서 순서가 중요치 않은 여러개의 데이터를 하나..

서버의 코드를 바꾸면 Ctrl C를 눌러node server.js를 종료했다가 다시 실행해야 변경된 서버의 코드가 반영된다.   ■ 시멘틱 태그 개요HTML 시멘틱 태그: 콘텐츠의 의미를 명확히 하기 위해 사용되는 태그우리는 그동안 의미가 없는, 시멘틱 태그가 아닌 마크업들,그러니까  를 썼는데,시멘틱 태그는  iframe 요소 더보기 iframe 사용하기 유튜브 열기 iframe 요소로 유튜브 링크 가져오기  Canvas 요소는 javascript 배우고나서 배우기로. 이제 3일간 html의 기본이 끝났다. 이제 자바 스크립트 한다고 한다.  ..

8:10 무렵 학원 도착해서 딴짓하고 계획표 작성하다가 8:40 무렵 블로그 작성 시작 + 지난 시간 복습 + 수업 전 스트레칭이랑 휴식 목표1. 초심 잊지 않기!!2. 모르는건 주저말고 당당하게 질문하기!!3. 잘한다고 방자 금지!! 못한다고 주눅 금지!!4. 현재에 집중하기!!! 웹 브라우저가 우리에게 보여주는 건 웹 서버가 준 콘텐츠임 폼을 제출하기 위해서는 파일 URL에서는 소용 없고,  주소창이 변화가 생기는 경우는 세 가지이다. ① 직접 주소창에 입력할 때 ② 링크를 누를 때 ③ 폼을 제출할 때 이것의 의미를 생각해 보면, 주소창에 무언가 '요청'이 입력될 때 서버가 그 주소창의 그 요청에 대해서 특정 경로의 요청을 응답해줄 준비를 하고 실제로 응답을 해준다는 것. 명령 프롬트에 명령어를 입력..

■ 경로 이야기상대 경로 : 현재 위치를 기준으로 찾아가는 링크절대 경로 : 웹상에서 절대적인 경로 ■문단 div에 링크 걸기더보기 a(anchor)요소는 하이퍼링크, 책갈피, javascript 등을 수행할 때 사용한다 안녕 daum으로 이동 새로운 탭에서 daum으로 이동 happy birthday Lorem ipsum dolor sit amet consectetur adipis..