분류 전체보기
-
[HTML] DOCTYPEDevelopment/HTML & CSS 2021. 2. 10. 11:06
DOCTYPE 이란? 브라우저에게 웹 문서의 HTML의 유형과 버전을 알려주는 역할을 하는 선언문으로, 태그가 아니다. 대소문자를 구분하지 않는다. DOCTYPE 선언은 태그를 정의하기 전에 가장 먼저 선언되어야한다. DOCTYPE 선언을 생략하면 웹 사이트를 실행할 때 시스템이 자동으로 추가한다. (HTML5만 작동) 선언 방법 HTML5 이전 HTML 버전 SGML(Standard Generalized Markup Language)을 기반으로하므로, DOCTYPE 선언 시 해당하는 DTD(document type declaration)에 대한 참조가 포함되어야한다. 아래는 HTML 4.01의 선언 방법이다.
-
[CSS] Animation 완벽 정리Development/HTML & CSS 2021. 2. 9. 16:31
요소가 연속적으로 회전한다던가, 왼쪽 오른쪽으로 움직이는 요소를 만들고 싶다면 어떻게 해야할까? 바로 CSS property인 Animation을 사용하면 된다. animation property는 특정 요소에 스타일(CSS)을 변환하는 애니메이션을 적용한다. Animation CSS property # animation-name 요소에 적용할 @keyframes 이름을 정의한다. # animation-duration 애니메이션이 한 사이클을 완료하는데 걸리는 시간을 정의한다. # animation-timing-function transition 효과의 시간당 속도를 설정하여, 진행되는 방식을 정의한다. ease 기본값으로, 중간으로 갈수록 속도가 증가하고 끝에서 다시 느려진다. linear 동일한 속도..
-
[백준 10829번] 이진수 변환 (feat. NodeJS)Development/Program Solving 2021. 2. 5. 15:38
10829번: 이진수 변환 첫째 줄에 자연수 N이 주어진다. (1 ≤ N ≤ 100,000,000,000,000) www.acmicpc.net 문제 풀이 반복적으로 2로 나누기를 하므로, 재귀 알고리즘을 사용해서 풀었다. N / 2 === 1 일 때 더 이상 나누기를 못하니 종료조건으로 설정했다. const readline = require("readline"); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input; let result = ""; const onInput = (value) => (input = parseInt(value)); const binaryNumber = (nu..
-
[백준 2447번] 별 찍기 - 10 (feat. NodeJS)Development/Program Solving 2021. 2. 5. 14:44
2447번: 별 찍기 - 10 재귀적인 패턴으로 별을 찍어 보자. N이 3의 거듭제곱(3, 9, 27, ...)이라고 할 때, 크기 N의 패턴은 N×N 정사각형 모양이다. 크기 3의 패턴은 가운데에 공백이 있고, 가운데를 제외한 모든 칸에 별이 www.acmicpc.net 문제 풀이 패턴을 파악하자! 반복되는 패턴이 중복되므로 재귀를 사용해서 푼다. 공백이 들어가는 좌표를 표면 (1,1), (1,4), (1,7) ... 이렇다. 이것을 공식으로 만들면 i % 3 === 1 && y % 3 === 1 이다. 거기다, 가운데 (n/3)X(n/3) 정사각형 모양으로 공백도 들어간다. 이것을 공식으로 만들면 (i/3) % 3 === 1 && (y/3) % 3 === 1 이다. 이렇게 두 개의 패턴을 적용해서 소..
-
[CSS] CSS 결합자 (Feat. hover시 다른 요소에 스타일 주기)Development/HTML & CSS 2021. 2. 1. 21:10
💁♀️ 들어가기 전에 Hover Target 위와 같은 HTML 코드에서 hover class에 hover시 target class의 폰트색상을 변경하고 싶다면, 즉, 한 요소를 선택했을 때 다른 요소에 스타일을 주고 싶다면 CSS 결합자를 알면 된다. CSS 결합자 CSS 결합자는 선택자가 결합된 걸 말한다. parent child .parent .child { color: red; } 위 와 같이 parent 클래스를 선택하고 그 선택 기반으로 child 클래스를 선택한 경우를 말한다. 이런 결합자는 몇 가지 종류가 있다. 자손 결합자 첫 번째 요소의 자손인 노드를 선택 공백 사용 .parent .child { color: red; } parent 클래스 안에 있는 모든 child 클래스가 선택된다..
-
[SAP HANA] MSSQL Linked Server to HANA UPDATE 오류Development/SAP 2021. 1. 25. 18:14
# SAP HANA UPDATE ERROR # MSSLQ Linked Server to SAP HANA Update 오류 연결된 서버로부터 로컬 서버로의 RPC 내보내기 활성화 EXEC sp_serveroption 'DB 링크명', 'RPC', TRUE 로컬 서버로부터 연결된 서버로의 RPC 내보내기 활성화 EXEC sp_serveroption 'DB 링크명', 'RPC OUT', TRUE RPC 활성화 후 아래와 같은 구문으로 UPDATE 한다. EXEC('UPDATE "TEST_DB"."USERS" SET "U_AGE" = 20 WHERE "ENTRY"=1') AT [Linked Server name]