하고 싶은 게 너무나 많아

학원 몇 시 도착이더라 오자마자 sql 문제 마저 풀다가 수업 들음. https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css이 페이지를 누르면 저 주소의 서버에 관련 CSS 파일을 요청하게 된다. 페이지를 열어보면 공백과 개행이 없는 css 코드가 주르륵 나오는데, 공백과 개행이 없어서 웹페이지 로딩 시간이 적다.코딩할 때 들어가는 공백과 개행 기호들(\n, \t 등)은 사람이 보기 편하려고 쓰는거지 컴퓨터 입장에선 이런 기호들이 필요가 없다. https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.css이 페이지를 누르면 공백과 개행이 있는 css 코드가 보기 좋게 쭈르륵..

CSS의 하나의 클래스가 여러개의 클래스 요소를 갖는 것은 그럴 수 있는 것이다!더보기 staticrelative absolute너는 어디?fixed  더보기특정 요소 안에서 원하는 위치에 배치 one two three four center test backdrop  이미 만들어진 CSS들과 자바스크립트가 있는 https://getbootstrap.com/ BootstrapPowerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScri..

8:50 경 도착인가 그럼.지하철 파업 때문에 환승 구간에서 내려서 버스 타고 오느라 한 30분 더 소요했고, 내려서 커피 사오느라 또 10분 소요한듯. 버스타고 편하게 와서 좋았당.. 책상이 지저분해져 있길래 정리하고, 같이 듣는 수강생들하고 수다떨고 뭐하고 하다보니 10분 뒤면 수업 시작이네.에혀...정신 차리자. 초심 되찾고. 정신 차리고. 열심히 합시다.    복습과 함수 개념 다시, backtick 다시 복습 자바스크립트의 function type: 원하는 시점/특정 시점/프로그래머가 의도한 시점에 여러 줄의 자바 스크립트 코드를 실행시킬 수 있게 모아둔 데이터 타입함수를 호출하면서 바로 내가 필요한 동작을 전달하는 경우가 많다.(이벤트리스너 경우) 내가 함수를 만들고 내가 함수를 호출하는 경우..

입력 예제 더 편리하게 만들기 더보기 추가 Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe sed explicabo illo optio? json javascript object notation의 약자로 쓰일 정도로 json 문자열이 가지는 형식이 독특하고 유용하고 체계적이어서 어플리케이션에서 바로 활용할 수 있는 형태로 쉽게 바꿀 수 있음(JSON.parse(json 형식의 문자열을 넣어주면 됨).   JSON을 이용한 예제더보기 json 문자열 사용해 보기 출력하기 회원정보 번호 : ..

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값)을 부여할 필요가 ..