코드잇 - HTML 핵심 개념 (페이지 안에서 이동하기) 프래그먼트 프래그먼트는 리소스 자체의 다른 부분을 가르키는 앵커이다. 앵커는 리소스 내에서 북마크의 한 종류를 나타내며, 브라우저에게 '북마크 된' 지점에 위치한 컨텐츠를 보여주기 위한 방법을 나타낸다. HTML 문서 상에서 브라우저는 앵커가 정의된 시점으로 스크롤 된다. 프래그먼트 사용 시 a...

최근, 파이썬으로 데이터 분석을 하려고 도서관에서 책을 빌려와서 하던 도중 인코딩 에러가 발생했다. > ### 인코딩 에러 'cp949' codec can't decode byte 0xeb in position 18: illegal multibyte sequence utf-8로 되지 않아 cp949로 진행했는데, 다시 cp949가 안되어 utf-8로 ...

리액트 공식 문서 제어 컴포넌트 (Controlled Components) 입력 요소의 값(value)이 컴포넌트의 state에 의해 제어된다. 위의 예시에서 input 요소의 값은 React state에 의해 설정되고, 변경될 때마다 state가 업데이트 된다. 이 방식으로 입력 요소의 상태를 React가 완전히 제어하게 되므로, React...

Deque (덱) > Double-Ended Queue의 약어로, 양쪽 끝에서 삽입과 삭제가 모두 가능한 자료구조이다. 이는 큐(Queue)와 스택(Stack)의 특징을 모두 가지고 있다. 따라서 선입선출(FIFO)과 후입선출(LIFO) 개념이 모두 적용될 수 있다. >Java에서 덱은 java.util 인터페이스를 이용해 구현할 수 있다. 주요 메서...

브루트포스 (Brute Force) 브루트 포스를 사전적 의미로 찾아본다면 다음과 같다. Brute : 무식한 Force : 힘 즉, 발생하는 모든 경우를 무식하게 탐색한다는 뜻이다. 전체를 탐색한다는 의미에서 전체 탐색이라고도 한다. 브루트포스는 가능한 모든 경우의 수를 시도하면서 정확한 해답을 찾는 방식으로 동작한다. 이는 모든 가능성을 다 ...

이분 탐색 (Binary Search) > 정렬된 배열 또는 리스트에서 원하는 값을 찾는데 사용되는 알고리즘 중 하나로, 배열이나 리스트가 정렬되어있다는 조건이 필요하다. 알고리즘의 핵심은 중간 값을 선택하고, 찾고자 하는 값과 중간값을 비교하여 탐색 범위를 반으로 줄여가는 것이다. 기본적인 동작은 다음과 같다. 시작점과 끝점을 설정 : 정렬된 배...

객체 자바는 객체 지향 프로그래밍 언어로,자바에서 객체는 Class의 Instance를 의미한다. 자바에서는 클래스의 인스턴스(객체)를 생성하여 이를 활용하는 것이 중요한 개념 중 하나이며, 이로써 객체 지향 프로그래밍의 특성을 구현하게 된다. > 클래스 (Class) 클래스는 객체를 생성하기 위한 툴이나 설계도 데이터 (속성, 필드)와 메서드 ...

React Hook >훅(Hook)은 리액트 v16.8에서부터 도입된 기능으로, 함수혀여 컴포넌트에서 상태 및 다른 리액트 기능을 사용할 수 있게 해준다. 훅(Hook) 사용 규칙 최상위에서만 Hook을 호출해야한다. 반복문이나 조건문 혹은 중첩된 함수 내에서 Hook을 호출하면 안 된다. 컴포넌트 내에서만 Hook을 호출해야한다...

제너레이터 (Generator) : 자바스크립트의 Generator는 함수의 실행을 일시 중단하고 재개할 수 있는 특수한 종류의 함수다. Generator는 'function*' 문법을 사용하여 정의되며, 함수 내에서 'yield' 키워드를 사용하여 값을 내보내고 함수 실행을 일시 중단할 수 있다. : 제너레이터 함수는 호출되면 즉시 실행되지 않고, ...

자바스크립트는 기본적으로 단일 스레드로 동작하는 언어이며, 이는 코드의 실행이 한 번에 하나의 작업만 처리된다는 것을 의미한다. 동기적으로 실행되는 코드는 한 번에 하나의 작업만 처리되며, 코드의 실행이 완료되기 전까지 다음 코드로 진행되지 않는다. 이러한 특성은 코드의 실행 흐름이 예측 가능하고, 간단하게 유지되도록 도와준다. 하지만 자바스크립트에서 모...

상속(Inheritance)는 객체 지향 프로그래밍에서 중요한 개념 중 하나로, 코드의 재사용성을 높이고 객체간의 계층 구조를 만들어내는 매커니즘이다. 즉, 상속은 기존 클래스 또는 객체(부모 또는 상위 클래스 / 객체)에서 속성과 메서드를 파생된 새로운 클래스 또는 객체 (자식 또는 하위 클래스 / 객체)에게 공유하거나 전달하는 과정을 의미한다. 이로써...

자바스크립트에서 this는 함수가 호출될 때 결정되며, 호출 문맥에 다라 다르게 바인딩이 된다. 일반적으로 this 바인딩 규칙은 다음과 같다. 전역 객체 바인딩 : 함수가 일반적인 함수 호출로 실행되면, this는 전역 객체에 바인딩이 된다. 브라우저 환경에서 전역 객체는 window 이다. 매소드 호출 시 바인딩 : 객체의 메소드로 함수가 호출되...

자바스크립트 내장 함수 중 타이머 함수가 있다. 타이머 함수는 아래와 같은 역할을 한다. 함수 이름 설명 setTimeOut(함수, 시간) 입력 받은 시간 이후 함수를 1번 실행한다. setInterval(함수, 시간) 입력 받은 시간을 간격으로 함수를 반복적으로 실행한다. clearTimeOut()...

클로저 (Closure) >클로저는 자신이 생성될 때의 환경(Lexical environment)을 기억하는 함수다. 클로저는 내부함수가 유효한 상태에서 외부함수가 종료되어 외부 함수의 실행 컨텍스트가 반환되어도, 외부함수의 실행 컨텍스트 내의 확성 객체(함수 선언 등의 정보를 가지고 있음)는 내부함수에 의해 참조되는 한 유효하여 내부함수가 스코프체인을...

구조 분해 할당 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식이다. 이를 통해 코드를 더 간결하게 작성할 수 있고, 변수 할당을 효과적으로 처리할 수 있다. 배열 구조 분해 할당 할당하고자 하는 변수의 개수가 분해하고자 하는 배열의 길이보다 크더라도 에러가 발생하지 않는다. 할당할 값이 없으면 undefine...

Number 자바스크립트에서 Number는 숫자 데이터 타입을 나타낸다. 여러 방법으로 숫자를 선언하고 사용할 수 있다. 정수 및 소수 선언 산술 연산 Number 메서드 parseInt() > 문자열을 정수로 변화한다. 첫번째 인수는 변환하려는 문자열이고, 두번째 인수는 어떤 진수 체계로 표현되어있는지 나타낸다. 두번째 인수는 선택적이며 ...

String 자바스크립트에서 String(문자열)은 문자열의 나열이다. 문자열은 작은 따옴표나 큰 따옴표로 둘러쌓인 문자들의 시퀀스이다. 또한 ES6에서 도입된 백틱(\`)을 사용하여 만들 수도 있다. 백틱(\`)과 일반 따옴표와의 차이는 다음과 같다. 다중 라인 문자열 : 백틱은 여러 줄로 이루어진 문자열을 쉽게 작성할 수 있다. 이를 템플릿 리터...

백준 14928 : 큰 수 단순한 문제라고 생각하고, BigInteger를 통해 접근했을 때, 시간 초과가 발생하였다. 다른 방법으로 접근할 수 밖에 없었는데, 분배법칙으로 접근하였다. 분배법칙에 대한 자세한 개념은 링크 를 참조하였다. 여기서 remain = (remain * 10 + (a.charAt(i) - '0')) % 20000303; 이 부...

Array : 자바스크립트에서 Array 객체는, 다른 프로그래밍 언어의 배열과 마찬가지로, 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있다. 여기서는 배열의 생성과, 접근, 그리고 주요 메소드를 정리해보려고 한다. 배열 생성하기 : 배열은 대괄호로 감싸진 요소들의 목록으로 정의된다. 배열 요소에 접근하기 : 배열의 각 요소에 접근하려면...

Java에서 int의 메모리 크기는 4byte로 표현할 수 있는 범위는 -2,147,483,648 ~ 2,147,483,647이다. long의 메모리 크기는 8byte로 표현할 수 있는 범위는 -9,223,372,036,854,775,808 ~ 9,223,372,036,854,775,807이다. 이 때 이 범위를 넘어서게 되면 모두 0으로 출력이 된다. 숫...