programming

asciicode / unicode

- 기초 컴퓨터의 기본 저장 단위 : 바이트 1byte=8bit 1byte=2^8에 해당하는 256개의 값 저장 가능 문자나 기호들의 집합을 컴퓨터에서 저장하거나 사용할 경우, 부호로 바꾸어야 한다. 이를 문자 인코딩 또는 부호화라고 하며, 복원하는 것은 복호화라고 한다. - ascii (American Standard Code for Information Interchange, 아스키) code 미국에서 정의한 표준화한 부호체계 7비트, 128개의 고유한 값을 사용하며 1비트는 통신 에러 검출(parity bit)을 위해 사용한다. 0-127까지 각각 고유한 값이 할당되어 있다. - ansicode 8비트로 확장한 아스키 코드 - unicode 전세계 언어의 문자를 정의하기 위한 국제 표준 코드 2by..

programming/etc 2023.01.23

SELECT @local_variable

- 의미 지역변수 설정 변수 할당에는 SELECT @local_variable 대신 SET @local_variable을 사용하는 것이 좋다. - 구문 SELECT { @local_variable { = | += | -= | *= | /= | %= | &= | ^= | |= } expression } [ ,...n] [ ; ] - 인수 @local_variable 값을 할당할 선언된 변수 오른쪽 값을 왼쪽의 변수에 할당 복합 할당 연산자 사용 가능 expression 유효한 식 - 취약점 union 구문이 필터링 되어있지 않을 때 이를 이용해서 정보를 얻을 수 있다. id가 admin인 pw를 @test 변수에 할당한다. SELECT @test:=pw WHERE id='admin' 쿼리문 자체는 변수에 ..

programming/sql 2023.01.23

Location 객체

location 객체 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용할 수 있다. window 객체의 location property와 document 객체의 property에 같이 연결되어 있다. window.location==document.location 현재 문서의 URL 주소 location 객체의 href property는 현재 문서의 전체 URL 주소를 문자열로 반환한다. document.write("현재 문서의 주소 : "+location.href); 현재 문서의 파일 경로명 location 객체의 pathname property는 현재 문서의 파일 경로명을 반환한다. document.write("현재 문서 파일 경로명 : "+location.p..

[CSS] 폰트 적용

폰트 파일을 다운로드 받은 후, 프로젝트 폴더 내 원하는 경로에 넣어준다. CSS 코드에서 경로를 통해 폰트파일을 불러와 적용한다. 폰트 파일 확장자 폰트 파일은 다양한 확장자를 가지며, 확장자 별로 지원하는 브라우저가 다르다. ttf : format('truetype') otf : format('opentype') woff : format('woff') svg : format('svg') eot : format('embedded-opentype') @font-face CSS 명령어를 사용해 웹 브라우저에게 해당 서체를 다운로드 할 것을 알린다. @font-face { font-family:"friends"; /* 사용하고 싶은 font-family */ src: url("fonts/GABRWFFR.TT..

programming/web 2023.01.17

[바닐라 JS] 크롬 앱 만들기 (3)

Math Object round : 반올림 ceil : 올림 floor : 내림 - random 0보다 크거나 같고 1보다 작은 무작위 숫자 반환 random()*10 : 0보다 크거나 같고 10보다 작은 무작위 숫자 반환 document.createElement(tagName) 태그 생성 - tagName 생성할 태그의 유형을 지정하는 문자열 document.body.appendChild/prepend 선택한 문서의 맨 뒤/맨 앞에 추가 JSON.stringify() JavaScript 값이나 객체를 string으로 변환한다. 배열을 전달할 경우 지정한 속성만 결과에 포함한다. JSON.stringify(value[, replacer[, space]]) - value : JSON 문자열로 변환할 값 -..

programming/web 2023.01.15

[바닐라 JS] 크롬 앱 만들기 (2)

interval 매번 반복되어 일어나는 행위 setInterval() 함수 사용 setInterval 첫번째 인자는 실행하고자 하는 함수 두번째 인자는 호출된 함수를 몇 ms(milliseconds)로 할 지 표기 timeout 미리 정해둔 지연된 시간에 도달할 때 발생 setTimeout() 함수 사용 setTimeout 첫번째 인자는 실행하고자 하는 함수 두번째 인자는 기다리고자 하는 ms(milliseconds) 단위 Date Object const date = new Date(); date.getDate() //일 date.getDay() //요일 date.getFullYear() //연도 date.getHours() //시 date.getMinutes() //분 date.getSeconds() ..

programming/web 2023.01.15

[바닐라 JS] 크롬 앱 만들기 (1)

Login form 태그 : required, maxlength Log In input 안에 있는 button을 누르거나, input type이 submit인 input을 누르면 작성한 form이 submit 되고, 페이지가 새로고침 된다. Login 새로고침을 막기 위해서는? 함수의 괄호를 보게 되면 함수를 바로 실행시키기 때문에, addEventListener("submit", 함수이름)의 함수이름 뒤에 괄호를 붙이지 않는다. submit 이벤트가 발생할 때만, 브라우저가 해당 함수를 실행시키게 하기 위해서이다. submit 이벤트가 발생하고, 브라우저가 함수를 실행시킬 때, 하나의 인자를 받는다. 모든 EventListener function의 첫번째 인자는 항상 지금 일어난 일들에 대한 정보이며,..

programming/web 2023.01.15

자바스크립트 기초

자바스크립트(JavaScript) 프론트엔드에서 사용할 수 있는 유일한 프로그래밍 언어 백엔드에서도 사용할 수 있다. 모든 브라우저에 내장되어 있다. vanilla JS : 외부 라이브러리나 프레임워크를 쓰지 않는 순수 자바스크립트 three.js : 3D 구현 라이브러리 ml5.js : 머신러닝 모델 react native : android, ios app 브라우저 브라우저는 HTML을 열고, HTML은 CSS와 자바스크립트를 가져온다. - index.html - script.js - style.css Variable 기본적으로 const 사용하고, 필요한 경우에 따라 let 사용한다. const : constant(상수), 값을 업데이트 할 수 없다. let : 업데이트 가능 var : 과거 방식, ..

[BAEKJOON] 알고리즘 수업 - 병합 정렬 1(24060)

문제 https://www.acmicpc.net/problem/24060 24060번: 알고리즘 수업 - 병합 정렬 1 첫째 줄에 배열 A의 크기 N(5 ≤ N ≤ 500,000), 저장 횟수 K(1 ≤ K ≤ 108)가 주어진다. 다음 줄에 서로 다른 배열 A의 원소 A1, A2, ..., AN이 주어진다. (1 ≤ Ai ≤ 109) www.acmicpc.net 문제풀이 병합정렬 코드를 구현하고, 임시배열 리스트를 배열에 복사할 때마다 count 변수를 통해 저장 횟수를 센다. count와 K가 같을 때 저장되는 수를 출력하고, 마지막에 count 변수가 저장횟수 K 보다 작은지 확인하여 -1을 출력한다. #include #define NUM 500000 int sorted[NUM]; int num, ..

programming/c 2023.01.14