하고 싶은 게 너무나 많아

8:10 경 학원 도착 오늘 시험 볼 거 준비!오라클 데이터베이스 공부!HTML, javascript, CSS 공부!  tailwind css를 사용하는 쉬운 방법 CDN 링크를 로딩해서 하는 방식.CDN(content delivery network) 링크 : 어떤 컨텐츠가 배달되는 위치원리는 document.createElement("style") 요소를 자바스크립트가 동작해서 요청한 클래스 스타일을  head 부분에 끼워 넣는 것.  float의 기능 : 블럭 요소를 다른 블럭 요소 위에 떠 있게 해줘서 함께 공존할 수 있게 해줌. float 때문에 말려들어온 블럭 요소의 좌우, 또는 양쪽이 지저분해보일 때 clear 할 수 있는 기능.clear를 사용하지 않았을 때의 모습이 아래 같다면,clear를..

scott.sql에서 select 문 산술연산자, 비교연산자, 논리연산자, SQL연산자 연습 문제 만들어줘. 풀이 없이 문제만 50개ChatGPT의 말: EMP 테이블에서 SAL이 2000 이상 4000 이하인 직원들의 ENAME과 SAL을 조회하세요.다음은 scott.sql 데이터베이스에서 SELECT 문과 다양한 연산자(산술 연산자, 비교 연산자, 논리 연산자, SQL 연산자)를 활용한 50개의 연습 문제입니다. 풀이 없이 문제만 제공하겠습니다.산술 연산자EMP 테이블에서 SAL(급여)와 COMM(수당)을 더한 값을 TOTAL_SALARY로 표시하고, ENAME과 TOTAL_SALARY를 조회하세요.EMP 테이블에서 SAL(급여)에서 500을 차감한 값을 SAL_AFTER_DEDUCTION으로 표시하..

오전에 봤던 Sass는 CSS를 Sass로 프로그래밍 해서 뽑아낸 거라고 함. 프로그래밍적으로 CSS를 뽑아낼 수 있게 해주는 프로그램이 Sass(Less라는 프로그램도 있다고 함)Sass는 함수 같이 생긴거 같기도 하네? 정도만 알고 우린 일단 넘어가는데, 커스터마이징을 할라면 알아야 하는 거.Gutter는 칼럼 사이의 거리라고 이해하면 된다고 하는데 1.5rem = 24px이라고 한다.  justify-content-md-center는 화면 폭이 md(768px)이상일 때만 가운데로 정렬col-auto는 자식요소(위에서는 Variable width content)가 차지하는 공간만큼만 크기를 가진다는 의미text-center 클래스는 text-align: center;와 동일한 역할을 함.   아까 ..

학원 몇 시 도착이더라 오자마자 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: 원하는 시점/특정 시점/프로그래머가 의도한 시점에 여러 줄의 자바 스크립트 코드를 실행시킬 수 있게 모아둔 데이터 타입함수를 호출하면서 바로 내가 필요한 동작을 전달하는 경우가 많다.(이벤트리스너 경우) 내가 함수를 만들고 내가 함수를 호출하는 경우..

이번주 목표1. 마카롱 키우기 완성(폴리싱)2. FPS 장르 유형 카메라 워킹 공부를 위한 미로 탈출 게임  개발을 하면서 버그를 잡고 가는 것은 정말 중요하다.버그를 제대로 잡고 가지 않으면, 작았던 버그가 괴물이 될 수 있다..!!!주석처리 할 때//[TODO]같은 처리를 해 두면 나중에 코딩 점검 시 확인이 용이하다.  마카롱 합체마카롱 프리팹 재구성마카롱 충돌 체크마카롱 충돌 처리 제거, 생성  GameScene 코드더보기using System.Collections;using System.Collections.Generic;using TMPro;using UnityEngine;public class GameScene : MonoBehaviour{ [SerializeField] GameObje..

입력 예제 더 편리하게 만들기 더보기 추가 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..