1. Location 나. location.href 웹 브라우저의 현재 URL을 가져오거나 새 URL로 페이지를 리디렉션 할 때 location.href가 사용된다. 이를 통해 사용자는 현재 페이지의 URL을 알 수 있고, 필요한 경우 다른 페이지로 이동할 수 있다. // 현재 페이지의 URL을 반환 console.log(location.href); // 새로운 페이지로 리디렉션 location.href = ''; 나. location.replace() location.replace() 메소드는 현재 문서를 새 URL로 대체한다. 이 메소드는 브라우저의 히스토리에 현재 페이지를 남기지 않는다. 즉, 뒤로 가기 버튼을 눌러도 원래 페이지로 돌아갈 수 없다. location.replace(''); 다. lo..

1. Event 사용자와 웹 페이지 간의 상호작용이 있을 때 적절한 액션을 취한다. 가. 이벤트 유형 이벤트 이름설명click사용자가 마우스 버튼을 클릭했을 때 발생dblclick사용자가 마우스 버튼을 빠르게 두 번 클릭했을 때 발생mousedown사용자가 마우스 버튼을 누르는 순간 발생mouseup사용자가 마우스 버튼을 눌렀다 뗄 때 발생mouseover마우스 포인터가 요소 위로 이동했을 때 발생mouseout마우스 포인터가 요소에서 벗어났을 때 발생mousemove마우스 포인터가 요소 위에서 움직였을 때 발생contextmenu사용자가 마우스 오른쪽 버튼을 클릭하여 컨텍스트 메뉴를 요청했을 때 발생 이벤트 이름설명keydown키를 누르는 순간 발생 (ASCII)keypress키를 누르는 순간 발생하며..

1. FOR문 for for...in for...of forEach() 4가지 방법이 있다. 가. for for (let i = 0; i < 5; i++) { console.log(i); } 특별할 것 없는 일반적인 for문이다. 나. for ... in let person = {fname:"John", lname:"Doe", age:25}; for (let prop in person) { console.log(`${prop}: ${person[prop]}`); } for...in은 객체의 모든 열거 가능한 속성을 순회한다. (이를 enumerable하다고 표현하더라…) 이는 객체의 속성 Key를 반환한다. 주로 객체의 속성을 순회할 때 사용된다. 배열에도 사용할 순 있지만 추천되지 않는다. 다. for..

1. 자료형 Javascript에서 사용할 수 있는 자료형은 Primitive type과 객체(objects)가 있다. 2. Primitive type Primitive type은 Null, Undefined, Boolean, Number, String, BigInt, Symbol이 있다. 나머지는 모두 객체(objects)다. 가. Symbol Symbol은 ES6에서 도입된 새로운 Primitive type이다. 고유하고 변경 불가능한 값을 표현하기 위해 사용된다. let sym1 = Symbol(); let sym2 = Symbol("symbol description"); let sym1 = Symbol(); : Symbol은 Symbol() 함수를 사용하여 생성한다. Symbol("symbol d..

1. Positioning 가. position .box-position { position: static; } Position 옵션 설명 static (default) Position의 기본값. 상위 요소나 다른 요소에 영향을 받지 않고 문서의 흐름에 따라 위치가 결정됩니다. relative 일반적인 문서 흐름에 따라 배치하고, 조상 요소를 기준으로 top, right, bottom, left의 값으로 위치를 조정. absolute 가장 가까운 위치 지정 조상 요소(position 값이 static이 아닌 요소)에 대해 상대적으로 위치를 결정하며, 위치 지정 조상이 없으면 document의 body에 대해 상대적으로 위치가 결정됩니다. fixed viewport(브라우저 창)를 기준으로 위치를 결정합니..

1. Neovim 설치

0. 문제 2457번: 공주님의 정원 첫째 줄에는 꽃들의 총 개수 N (1 ≤ N ≤ 100,000)이 주어진다. 다음 N개의 줄에는 각 꽃이 피는 날짜와 지는 날짜가 주어진다. 하나의 날짜는 월과 일을 나타내는 두 숫자로 표현된다. 예를 들어서, www.acmicpc.net 1. 문제 이해 Greedy 정렬 회의실 배정(Activity-Selection) 문제는 아닌 것 같다. 2. 제출 import java.io.BufferedReader; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Arrays; import java.util.StringTokenizer; public class BOJ2457 { sta..

11726. 2 x n 타일링메모이제이션모듈러 연산   11726번: 2×n 타일링2×n 크기의 직사각형을 1×2, 2×1 타일로 채우는 방법의 수를 구하는 프로그램을 작성하시오. 아래 그림은 2×5 크기의 직사각형을 채운 한 가지 방법의 예이다.www.acmicpc.net 11727. 2 x n 타일링 2DP모듈러 연산  11727번: 2×n 타일링 22×n 직사각형을 1×2, 2×1과 2×2 타일로 채우는 방법의 수를 구하는 프로그램을 작성하시오. 아래 그림은 2×17 직사각형을 채운 한가지 예이다.www.acmicpc.net 5653. 줄기세포배양시뮬레이션  SW Expert AcademySW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요!swexpertacademy.com 1..