profile
프론트엔드 개발자 지망생
post-thumbnail

(작성중) 우아한 테크캠프 1&2주차 회고

원래 주차마다 회고를 작성하고 싶었는데 1 & 2주차는 몰아서 작성하게 되었다.다음 주차부터는 꼭 주마다 작성하고자 한다.git 익히기Express를 사용한 백엔드 구현바닐라JS로 프론트엔드 구현heroku를 사용한 배포지금까지는 거의 혼자서 프로젝트를 해왔던터라 ma

2022년 7월 18일
·
0개의 댓글
·

멀티- 프로그래밍 & 태스킹 & 프로세싱 & 스레드

멀티프로그래밍 일반적으로 실행되는 프로세스는 CPU 또는 I/O 사용 중 하나를 필요로 한다. CPU를 점유하여 프로세스를 실행하거나, I/O 작업을 통해 파일 입출력 등을 진행한다. 즉, 어떤 프로세스가 I/O 작업을 한다면 CPU는 그 동안 유휴 상태에 놓이게 된

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

[BOJ 1016] 제곱 ㄴㄴ수

BOJ 12850주어진 min, max 범위에 대해서 범위 내 임의의 정수 X가 1보다 큰 제곱수로 나누어 떨어지는 지 확인하고 그 갯수를 반환하면 된다.min의 범위가 1조로 매우 크지만 max가 최대 min + 1백만이므로 범위내 수는 많아도 약 1백만개이다.임의의

2022년 7월 2일
·
0개의 댓글
·
post-thumbnail

프로세스 & 스레드, CPU 스케줄링

용어 정리 프로그램 컴퓨터에서 실행될 때 특정 작업(specific task)을 수행하는 일련의 명령어들의 모음(집합). HDD나 SDD같은 보조기억장치에 저장된 사용자가 작성한 코드 또는 컴파일 된 결과물. 참고 컴퓨터 프로그램 - wikipedia

2022년 6월 30일
·
0개의 댓글
·

JAVA

객체지향 언어실제 세계를 모델링하여 개발하는 방법으로, 데이터(프로퍼티)와 절차(메서드)가 하나로 묶인 객체를 중심으로 한 상호작용(메세지)으로 서술하는 방식이다.원칙단일책임 : 하나의 클래스는 하나의 기능만 가진다.개방폐쇄 : 기존의 코드를 수정하지 않고 동작을 추가

2022년 6월 21일
·
0개의 댓글
·

정렬 알고리즘 (N^2)

버블 정렬 두 인접한 원소를 비교하여 정렬하는 방법이다. 작동 과정 배열의 길이가 N일 때, 1부터 N-1번 원소까지 이전의 원소와 비교하여 더 크다면/작다면 위치를 교환한다. 위 과정을 N번 반복한다. 특징 코드가 단순하다. 추가적인 메모리 공간이 필요하지 않다.

2022년 6월 20일
·
0개의 댓글
·

1 - 13, 14. 컴포넌트 상태/사이드 이펙트 다루기

리액트는 컴포넌트 안의 상태를 관리할 수 있는 훅(Hook)을 제공해준다.useState는 초기값(initialState)을 인자로 받아 상태 유지 값과 상태를 변경할 수 있는 함수를 반환한다.최초 렌더링 시 상태를 나타내는 값(state)는 전달된 초기 값을 가지며,

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[BOJ 12850] 본대 산책2

BOJ 12850참고 - \[BOJ] 12850번 - 본대 산책2 by JoonDev처음엔 DP로 고민했다.정보과학관에 D분 후 있을 수 있는 경우의 수는 전산관과 미래관에 D-1분 후 있을 때의 경우의 수의 합이고, 또 전산관에 D-1분 후는 신양관, 미래관, 정보과

2022년 6월 20일
·
0개의 댓글
·

1 - 10, 11. 이벤트 핸들러 써보기

HTML 이벤트란 브라우저가 무언가 행동하거나, 유저가 행동하는 것이다.마우스를 클릭하거나 키보드를 누르는 등 사용자의 행위에 대해 발생할 수도 있고, HTML 문서의 로드가 완료되는 등 브라우저에서 발생할 수도 있다. 또는 JS 코드를 통해 프로그래밍 적으로도 발생시

2022년 6월 19일
·
0개의 댓글
·
post-thumbnail

[BOJ 1509] 팰린드롬 분할

BOJ 1509어떤 문자열을 부분 팰린드롬 문자열들로 분할했을 때 가장 길이가 작을 경우를 구해야한다.길이 N의 문자열이 주어진다면, 길이가 1일 때부터 시작하여 다음 문자가 추가되었을 때의 최솟값을 구하면 된다.이 때 문자가 하나 추가 될 때마다 해당 문자를 마지막으

2022년 6월 19일
·
0개의 댓글
·

1 - 08, 09. 리액트의 리렌더링 알아보기

문서의 내용이 바뀌어 화면을 다시 그리게 되는 경우, 바닐라 JS로 구성된 화면과 리액트로 구성된 화면의 차이는 일반적으로 다음과 같다.코드로 예시를 들자면 다음과 같다. 1초 간격으로 버튼 안의 숫자가 랜덤으로 변경되는 화면이 있다고 하자.두 코드는 동일하게 setI

2022년 6월 18일
·
0개의 댓글
·

1 - 06. JS와 JSX 섞어쓰기

위 코드의 <Paint /> 와 { Paint(...args) }는 동일하게 동작한다.위의 Text 컴포넌트는 자바스크립트의 if ~ else 문법과 템플릿 문자열 그리고 JSX 문법을 함께 사용하고 있다.해당 컴포넌트는 if문에 따라 입력받은 text의 맨 앞

2022년 6월 18일
·
0개의 댓글
·

운영체제 기본개념 & 인터럽트

운영체제 개요 운영체제(Operating system, OS)는 컴퓨터의 하드웨어를 관리하는 소프트웨어이다. 컴퓨터에는 수 많은 하드웨어가 존재하고 여러 입출력 디바이스도 연결되어있으며 동시에 수 많은 응용 프로그램들이 작동된다. 이러한 구조 속에서 사용자가 한정된

2022년 6월 15일
·
0개의 댓글
·

1 - 05. Element 찍어내기

위와 같은 구조의 HTML이 있다고 하자. <h1>과 <h3>의 쌍이 3번 반복되는 형태인데, 이를 리액트를 통해 만들고자 하면, 총 6개의 엘리먼트를 일일이 생성하여 넣어주는건 매우 귀찮고 지루한 일이다.똑같은 엘리먼트를 하나하나 생성하는 행동을 피하기 위

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

1 - 04. 멀티 Element 생성하기

이전까지 하나의 리액트 엘리먼트만 루트 엘리먼트에 삽입한 것과 다르게, 실제 Html 구조는 수 많은 노드로 구성되어 있다. 그렇다면 리액트를 사용하여 위와 같이 여러 엘리먼트를 넣으려면 어떻게 해야할까.일종의 컨테이너 역할을 해줄 div태그를 하나 생성한 뒤, chi

2022년 6월 14일
·
0개의 댓글
·

1 - 03. JSX와 Babel , JSX 다루기

문자도 HTML도 아닌 JavaScript의 확장 문법.근본적으로 JSX는 React.createElement(component, props, ...children)함수를 매번 작성하는 대신 보다 직관적이고 효율성 높게 작성할 수 있는 문법적 설탕이다.위의 JSX 코드

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

1 - 02. DOM 다루기 / Element 생성하기

textContent / innerHtml / innerText 차이?문서 객체 모델.웹 페이지는 일종의 문서로 이 문서가 브라우저를 통해 해석되어 렌더링되거나 소스 코드 그 자체로 나타나기도 한다. 이처럼 동일한 문서가 여러 형태도 표시될 수 있는데, DOM은 HTM

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

[BOJ 3197] 백조의 호수

BOJ 3197

2022년 6월 12일
·
0개의 댓글
·

정렬 알고리즘 (n logn)

배경 지식 복잡도 알고리즘에서 복잡도는 시간복잡도와 공간복잡도로 나뉘어진다. 시간복잡도란 '문제를 해결하는 데 걸리는 시간과 입력의 함수 관계'를 말하며, 특정 알고리즘의 로직이 입력의 크기에 따라 얼마나 오랜 시간 소요되는지를 의미한다. 빅오 표기법이 주로 사용되며

2022년 6월 12일
·
0개의 댓글
·