네발로 코딩하는 포메라니안

[DDL 종류] CREATE, ALTER, DROP, RENAME 1. 데이터베이스 1. 데이터베이스 생성 create database 데이터베이스명; - 다국어 처리 create database test default character set utf8mb3 collate utf8mb3_general_ci; - 이모지 문자까지 처리 create database test default character set utf8mb4 collate utf8mb4_general_ci * character set = '코드' 저장 방식에 대한 규칙들의 집합 * collate = 저장된 값들을 '비교'할 때 사용하는 규칙들의 집합 2. 데이터베이스 변경 alter database 데이터베이스명 default charact..

1. 문제 https://www.acmicpc.net/problem/17135 17135번: 캐슬 디펜스 첫째 줄에 격자판 행의 수 N, 열의 수 M, 궁수의 공격 거리 제한 D가 주어진다. 둘째 줄부터 N개의 줄에는 격자판의 상태가 주어진다. 0은 빈 칸, 1은 적이 있는 칸이다. www.acmicpc.net 2. 풀이과정 1. 궁수 3명의 위치에 대해 조합 구하기 2. 각 조합마다 simulation() 실행 [Simulation] 1.시간이 N(배열의 세로)만큼 지나서 더 봤자 적들이 없는 경우 or 그 전에 적들을 다 물리친 경우 반복 종료 1-1. 각 궁수마다 bfs로 가장 가까운 적을 찾음 but 찾고 있는 거리가 D보다 커지면 다음 궁수로 넘어감. 1-2. 가장 가까운 적을 찾으면, -cas..

1. 객체란? - 키(Key)와 값(Value)로 구성된 프로퍼티(Property)들의 집합 - 프로퍼티를 동적으로 추가하거나 삭제 가능 - JS의 함수는 일급객체로, 프로퍼티 값으로 함수 사용 가능 2. 객체 생성 방법 1. 객체 리터럴 - { }내에 프로퍼티를 넣어 객체 생성 let person = { name: "홍길동", age : 25, introduce : function(){ console.log(`이름은 ${this.name}이고, 나이는 ${this.age}입니다.`); } } console.log(person.name);//홍길동 console.log(person["name"]);//홍길동 person.introduce();//이름은 홍길동이고, 나이는 25입니다. 2. Object 생..

1. 주석 1. 한 줄 주석 = // code 2. 블록 주석 = /* code */ 2. 변수 동적 타입 언어로, 실행하면서 값이 할당되는 시점에 타입이 결정된다. 변수 = 형용사, 명사 사용 권장 함수 = 동사 사용 권장 낙타 표기법 ex) userName 키워드, 공백 포함X 숫자로 시작X 특수 문자는 _와 $만 허용 3. 자료형 1. 원시 타입 자료형 typeof 값 설명 숫자 number 정수 or 실수 (구분X) 문자열 string 문자, ' ' or " "로 표기 boolean boolean 참(true, 1, "-" 등) or 거짓(false, 0, null, "" 등) undefined undefined 변수가 선언되었지만, 초기화 되지 않을 경우 (개발자가 직접 할당X) null obj..

*본 블로그에서는 웹 용 JS를 말함. 일반 JS는 바닐라 JS라고 부르기도 하며, 웹에서와 다른 부분이 존재 1. JS란? - 객체 지향 - 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어 - 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어 2. HTML에 적용 1. 외부 스크립트 적용 - html 문서 내에 //js파일 document.querySelector(".b1").textContent = "바뀜"; 2. 내부 스크립트 적용 - html내에 사이에 js 작성

1. Semantic Tag란? - HTML4에서는 를 통해 화면을 구성 - HTML5에서는 "의미있는 태그"를 만들어 사용함 - 웹페이지 가독성을 높이고, 웹페이지 자체를 거대한 DB처럼 사용하기 위함 - 태그 이름만 다르고, 기능적인 차이는 없음 2. 암묵적 규칙 - 지키지 않아도 Error가 나지는 않지만, 권장되는 규칙 semantic tag 설명 header 헤더(문서의 머리 부분)을 의미 nav 문서 간의 이동을 담당하는 navbar를 의미 aside 본문 이외의 내용을 의미 section 본문의 여러 내용(article)을 포함하는 태그 article 본문의 주 내용을 의미 footer 문서의 밑 부분인 제작정보, 저작권 등을 표시

- element의 위치를 지정 1. width, height 속성 - block의 너비와 높이 크기를 설정 - block element만 적용됨 (=inline element는 적용X) - default값 width = 자신의 상위 block에서 허용하는 내부 width 크기만큼 100% 채움 height = 0%, block속의 내용물의 크기 2-1. position 속성 - 위치 옮기기 위한 기준점 잡기 속성 값 의미 static default값으로 일반적인 내용물의 흐름, 기준이 없으므로 배치 불가능 relative 일반적인 내용물의 흐름, 자기 자신을 기준으로 배치 absolute 상위 element를 기준으로 절대적인 위치 지정 fixed 사용자가 보는 뷰를 기준으로 배치 (항상 화면상의 지정..

1. 개요 1. 테이블 속성 속성 의미 table-layout table layout설정 width table 너비 지정 height table 높이 지정 text-align Cell 내부 내용을 수평 정렬 vertical-align Cell 내부 내용을 수직 정렬 2. 테두리 속성 속성 의미 border-collapse 테두리 분리/통합 설정 border-style 테두리 스타일 설정 border-width 상하좌우 4개의 테두리 너비 설정 border-color 테두리 색상 설정 border 테두리 관련 속성을 한번에 지정하는 단축형 속성 2. table-layout - {table-layout: auto(default값) | fixed;} - fixed = table cell의 width, heig..

1. 개요 - 화면에 출력될 element들에 디자인 요소를 추가하는 속성들 속성 의미 속성 의미 cursor 마우스 모양을 변경 background-image 배경을 이미지로 지정 classification 리스트의 글머리 기호를 변경 background-attachment 배경 이미지를 고정하거나 scroll여부를 지정 display element가 화면에 출력되는 방식을 조정 background-repeat 배경 그림의 반복 여부 지정 background-color 배경색 지정 background-position 배경 그림의 위치를 지정 background 배경 관련 속성 한번에 지정 2. display - {display : none | block | inline | ... } 3. backgro..

1. 개요 - 글자, 공간, 단어, 문단들이 보여지는 속성을 정의 속성 의미 속성 의미 text-align text 정렬 방식 vertical-align 수직 정렬 지정 text-decoration text 장식 지정 letter-spacing 문자 간의 space 간격 조절 text-indent text-block 첫 라인 들여쓰기 지정 word-spacing 단어 간의 간격 지정 text-transform text 대문자로 line-height 줄(행) 간격 지정 white-space element 안의 공백 지정 color text 색상 지정 2. text-align - 속성값 속성값 의미 left 왼쪽 정렬 right 오른쪽 정렬 center 중앙 정렬 justify 각 라인의 너비가 모두 동일하..