profile
I'm studying web front-end development.
post-thumbnail

React Hook이란?

React Hook은 React 16.8 버전에서 도입된 기능으로, 함수형 컴포넌트에서 상태(state)와 생명주기 메서드(lifecycle methods)를 사용할 수 있게 해줍니다. 이로 인해 클래스형 컴포넌트보다 코드가 더 간결하고 이해하기 쉬워졌습니다. 이번 포

약 15시간 전
·
0개의 댓글
·
post-thumbnail

웹 브라우저의 렌더링 원리

웹 브라우저는 사용자가 웹 페이지를 요청할 때 이를 화면에 표시하기 위해 여러 작업을 수행합니다. 이 과정은 복잡하지만, 각 단계를 이해하면 웹 페이지의 동작 원리를 더 잘 알 수 있습니다. 이번 글에서는 웹 브라우저의 렌더링 과정을 웹 개발자가 되기 위해 공부하는 사

3일 전
·
0개의 댓글
·
post-thumbnail

캐시와 캐싱의 모든 것: 웹 성능 최적화의 비밀

캐시(Cache)와 캐싱(Caching)는 컴퓨터 과학에서 데이터 접근 시간을 줄이고 시스템 성능을 향상시키기 위한 핵심 기술입니다. 캐시 메모리, 웹 캐싱, 데이터베이스 캐싱 등 다양한 유형의 캐시와 HTTP 메소드와의 관계를 통해 캐싱이 어떻게 시스템 성능을 최적화

5일 전
·
0개의 댓글
·
post-thumbnail

[1주차 기본문제 3] 배열만들기 6

0과 1로만 이루어진 정수 배열 arr가 주어집니다. arr를 이용해 새로운 배열 stk을 만드려고 합니다.i의 초기값을 0으로 설정하고 i가 arr의 길이보다 작으면 다음을 반복합니다:만약 stk이 빈 배열이라면 arr\[i]를 stk에 추가하고 i에 1을 더합니다.

5일 전
·
0개의 댓글
·
post-thumbnail

왜 `arr1 === arr2`는 false일까? JavaScript 비교 연산자 이해하기

JavaScript에서 배열이나 객체를 비교할 때는 주의해야 할 몇 가지 중요한 개념이 있습니다. 특히, 두 배열이나 객체가 같은지 비교할 때는 그들의 참조(reference)와 내용을 구분할 필요가 있습니다. 이 글에서는 JavaScript에서 배열과 객체를 비교하는

5일 전
·
0개의 댓글
·
post-thumbnail

[1주차 기본문제 2] 옹알이(1)

머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음

5일 전
·
0개의 댓글
·
post-thumbnail

[1주차 기초문제 1] 문자열 여러번 뒤집기

문자열 my_string과 이차원 정수 배열 queries가 매개변수로 주어집니다. queries의 원소는 \[s, e] 형태로, my_string의 인덱스 s부터 인덱스 e까지를 뒤집으라는 의미입니다. my_string에 queries의 명령을 순서대로 처리한 후의

5일 전
·
0개의 댓글
·
post-thumbnail

알고리즘 스터디 1주차

이번 글에서는 알고리즘 스터디 1주차에 진행한 내용을 정리해보겠습니다. 1주차에는 다양한 연산자, 내장 함수 및 객체, 배열과 문자열 처리에 대해 다뤘습니다.노씨의 코딩 테스트YouTube 영상 1YouTube 영상 2노션연산자: /, \*, +, -, %, \*\*예

5일 전
·
0개의 댓글
·
post-thumbnail

Week5-(2): HTTP 메소드에 대한 이해

HTTP(HyperText Transfer Protocol)는 웹에서 데이터를 주고받기 위한 프로토콜입니다. HTTP는 클라이언트와 서버 간의 요청과 응답을 통해 작동합니다. 이 과정에서 사용되는 HTTP 메소드는 클라이언트가 서버에 어떤 작업을 요청하는지 명시합니다.

6일 전
·
0개의 댓글
·
post-thumbnail

Week5-(1): Lexical Scope에 대한 이해

프로그래밍을 하다 보면 "스코프"라는 개념을 자주 접하게 됩니다. 스코프란 변수가 유효한 범위를 의미합니다. 그 중에서도 렉시컬 스코프(Lexical Scope)는 함수가 선언된 위치에 따라 스코프가 결정되는 방식을 말합니다. 이 글에서는 렉시컬 스코프가 무엇인지, 어

6일 전
·
0개의 댓글
·
post-thumbnail

윈도우 PowerShell 알아보기

PowerShell은 윈도우 전용 커맨드라인 툴로, 시스템 관리, 자동화, 개발 등 다양한 작업을 수행할 수 있습니다. 이 글에서는 PowerShell의 기본 개념과 사용법, cmd와의 차이점, 유닉스 커맨드와의 비교 등을 설명하겠습니다.PowerShell은 윈도우에서

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

WSL로 윈도우 파일에 접근하기

WSL(Windows Subsystem for Linux)을 사용하면 듀얼 부팅이나 가상 머신보다 더 가볍게 리눅스 환경을 이용할 수 있습니다. WSL의 또 다른 큰 장점은 윈도우에 있는 파일에 쉽게 접근할 수 있다는 점입니다. 이 글에서는 WSL을 이용해 윈도우 파일

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

`sudo` 명령어 사용법 및 주의사항

각종 튜토리얼이나 온라인 자료를 참고하다 보면 sudo라는 명령어를 마주칠 수도 있습니다. sudo는 Unix 및 Unix-like 운영 체제에서 특정 작업을 할 때 관리자 권한이 필요할 경우 사용하는 명령어입니다. 특히 설치 관련 작업을 할 때 많이 사용됩니다.유닉스

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

외부 프로그램 설치 방법: CLI 환경에서의 접근

새로운 게임 프로그램을 설치할 때, 보통은 게임의 웹사이트에서 설치 파일을 다운로드하고 이를 실행하여 설치합니다. 이는 GUI 환경에서 일반적인 방법입니다. 그러나 CLI 환경에서도 명령어를 사용하여 외부 프로그램을 설치할 수 있습니다. 이번 글에서는 각 운영 체제별로

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

디렉토리와 파일 삭제하기: `rm`

rm 명령어는 Unix 및 Unix-like 운영 체제에서 파일이나 디렉토리를 삭제하는 데 사용됩니다. 이 글에서는 rm 명령어의 기본 사용법과 주요 옵션들, 그리고 사용할 때 주의해야 할 점들에 대해 설명하겠습니다.rm 명령어는 파일이나 디렉토리를 삭제할 때 사용됩니

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

디렉토리와 파일 복사 붙여넣기: cp

cp 명령어는 Unix 및 Unix-like 운영 체제에서 파일이나 디렉토리를 복사하는 데 사용됩니다. 이 글에서는 cp 명령어의 기본 사용법과 주요 옵션들, 그리고 사용할 때 주의해야 할 점들에 대해 설명하겠습니다.cp 명령어는 파일이나 디렉토리를 지정된 위치로 복사

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

`mv` 명령어 사용법 및 주의사항

mv 명령어는 Unix 및 Unix-like 운영 체제에서 파일이나 디렉토리를 이동하거나 이름을 변경하는 데 사용됩니다. 이 글에서는 mv 명령어의 기본 사용법과 주요 옵션들, 그리고 사용할 때 주의해야 할 점들에 대해 설명하겠습니다.mv 명령어는 두 가지 주요 용도로

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

파일 내용 살펴보기: cat, less, head, tail

Unix 및 Unix-like 운영 체제에서 파일 내용을 출력하고 탐색하는 데 유용한 네 가지 명령어인 cat, less, head, tail에 대해 설명하겠습니다.cat 명령어는 파일의 내용을 출력하거나 여러 파일의 내용을 하나로 연결해 출력합니다. 또한 파일을 결합

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

Vim 사용법 및 주요 단축키 정리

Vim은 강력한 텍스트 편집기로, 다양한 모드와 단축키를 활용하여 효율적으로 텍스트를 편집할 수 있습니다. 이번 글에서는 Vim의 실행 방법, 주요 모드, 그리고 유용한 단축키에 대해 설명하겠습니다.Vim을 실행하려면 터미널에서 vim 명령어를 사용하면 됩니다.파일 경

2024년 6월 17일
·
0개의 댓글
·
post-thumbnail

디렉토리와 파일 만들기: mkdir, touch

mkdir와 touch는 Unix 및 Unix-like 운영 체제에서 파일과 디렉토리를 생성하는 데 사용되는 중요한 명령어들입니다. 이 글에서는 mkdir와 touch의 기본 사용법과 주요 옵션들에 대해 설명하겠습니다.mkdir 명령어는 새로운 디렉토리를 생성하는 데

2024년 6월 17일
·
0개의 댓글
·