🌑 PLUTO 🌑

head in the clouds☁ but my gravity centered🌀

TIL (7) 회고 (8) 코딩테스트 (22) CS (7) nodejs (19) React (9) JavaScript (8) os (6)

TIL

프리온보딩 코스 세 번째 과제

프리온보딩 코스 세 번째 과제

Class가 뭘까?🙄

동기 & 비동기 with 이벤트 루프🔄

동기 & 비동기 with 이벤트 루프🔄

동기와 비동기란?🤔

브라우저의 작동 원리💻💫

브라우저의 작동 원리💻💫

브라우저는 어떻게 동작할까?😯 웹브라우저의 주요 기능

프리온보딩 코스 2주차 과제 리팩토링

프리온보딩 코스 2주차 과제 리팩토링

2주차 미스터카멜 과제 1st Problem💥

프리온보딩 코스 두 번째 과제 TIL

프리온보딩 코스 두 번째 과제 TIL

What I Learned Is…👩🏻‍💻

styled-components의 나만 몰랐던 소소한 TIP

styled-components의 나만 몰랐던 소소한 TIP

What I Learned Is…👩🏻‍💻

과제 전형, 나의 치명적인 실수들😱

과제 전형, 나의 치명적인 실수들😱

오늘은 원티드 프리온보딩 과정의 첫 번째 날이었다. 약 2시간가량 진행된 OT에서 프론트엔드 멘토님께서 코딩 과제 전형에 대해 해주신 조언들과 뼈 아픈 충고를 꼭꼭 기억해두려고 블로그에 기록을 남긴다.

회고

2023년 회고: 걸음을 떼다

2023년 회고: 걸음을 떼다

2023년 회고: 걸음을 떼다

신입 프론트엔드 개발자가 공유하는 소소한 취준팁👩🏻‍💻

신입 프론트엔드 개발자가 공유하는 소소한 취준팁👩🏻‍💻

신입 프론트엔드 개발자가 공유하는 소소한 취준팁👩🏻‍💻

[개인 프로젝트] TypeScript, React와 Node.js를 사용한 Yuzamin97 회고

[개인 프로젝트] TypeScript, React와 Node.js를 사용한 Yuzamin97 회고

프로젝트 개요

2022년 회고: 땅에 발을 딛다

2022년 회고: 땅에 발을 딛다

2022년 회고: 땅에 발을 딛다

[인턴쉽] 프론트엔드 인턴쉽 회고 - 문서화 아카이빙📃

[인턴쉽] 프론트엔드 인턴쉽 회고 - 문서화 아카이빙📃

프론트엔드 인턴쉽 회고👩🏻‍💻

[개인 프로젝트] React와 Node.js+express를 사용한 SALLY’s BOARD🐥 회고

[개인 프로젝트] React와 Node.js+express를 사용한 SALLY’s BOARD🐥 회고

SALLY’s BOARD🐥 회고

[팀 프로젝트] Re:Boot Camp 3기 마이오렌지 프로젝트 회고

[팀 프로젝트] Re:Boot Camp 3기 마이오렌지 프로젝트 회고

꼬리에 꼬리를 무는 프로젝트💫

나의 프로젝트 세팅 정복기🧗🏻‍♀️

나의 프로젝트 세팅 정복기🧗🏻‍♀️

지금 진행 중인 원티드 프리온보딩 프론트엔드 코스에서 매주 최소 1개-2개의 미니 프로젝트를 팀원들과 함께 진행하면서 느낀 점은, CRA - 프로젝트 폴더 구조 구축 - 각종 기본 세팅 - 깃헙 레포...

코딩테스트

[프로그래머스 코딩테스트와 실무 역량 모두 잡는 알고리즘 스터디(Python반) 9기] 스터디 참여 후기

[프로그래머스 코딩테스트와 실무 역량 모두 잡는 알고리즘 스터디(Python반) 9기] 스터디 참여 후기

시작하며…🏃 나에게 알고리즘, 코딩 테스트란 까마득히 높은 산… 그것도 돌산과 같은 존재였다. 사실 지금도 완전히 등반했다고는 할 수 없다. 지금까지 나는 그 산을 오르기 위해 혼자서 하루에 최소한 알고리즘 문제를...

[프로그래머스 알고리즘 스터디] 4주차 - 가장 긴 팰린드롬

[프로그래머스 알고리즘 스터디] 4주차 - 가장 긴 팰린드롬

문제 설명 📑 앞뒤를 뒤집어도 똑같은 문자열을 팰린드롬(palindrome)이라고 합니다. 문자열 s가 주어질 때, s의 부분문자열(Substring)중 가장 긴 팰린드롬의 길이를 return 하는 solution 함수를 완성해 주세요. 예를 들면, 문자열 s가 “abcdcba”이면...

[프로그래머스 알고리즘 스터디] 4주차 - 등굣길

[프로그래머스 알고리즘 스터디] 4주차 - 등굣길

문제 설명 📑 계속되는 폭우로 일부 지역이 물에 잠겼습니다. 물에 잠기지 않은 지역을 통해 학교를 가려고 합니다. 집에서 학교까지 가는 길은 m x n 크기의 격자모양으로 나타낼 수 있습니다. 아래...

[프로그래머스 알고리즘 스터디] 4주차 - 2 x n 타일링

[프로그래머스 알고리즘 스터디] 4주차 - 2 x n 타일링

문제 설명 📑 가로 길이가 2이고 세로의 길이가 1인 직사각형모양의 타일이 있습니다. 이 직사각형 타일을 이용하여 세로의 길이가 2이고 가로의 길이가 n인 바닥을 가득 채우려고 합니다. 타일을 채울 때는 다음과...

[프로그래머스 알고리즘 스터디] 4주차 - 최솟값 만들기

[프로그래머스 알고리즘 스터디] 4주차 - 최솟값 만들기

문제 설명 📑 길이가 같은 배열 A, B 두개가 있습니다. 각 배열은 자연수로 이루어져 있습니다. 배열 A, B에서 각각 한 개의 숫자를 뽑아 두 수를 곱합니다. 이러한 과정을 배열의 길이만큼...

[프로그래머스 알고리즘 스터디] 4주차 - 예산 소팅

[프로그래머스 알고리즘 스터디] 4주차 - 예산 소팅

문제 설명 📑 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다....

[프로그래머스 알고리즘 스터디] 3주차 - 카펫

[프로그래머스 알고리즘 스터디] 3주차 - 카펫

문제 설명 📑 Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 빨간색으로 칠해져 있고 가장 끝쪽의 모서리 한 줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다. Leo는 집으로 돌아와서 아까...

[프로그래머스 알고리즘 스터디] 3주차 - 주사위 게임

[프로그래머스 알고리즘 스터디] 3주차 - 주사위 게임

문제 설명 📑 XX 모바일 보드게임은 같은 크기의 칸으로 구분된 직선 모양의 게임 보드와 특별한 주사위 3개를 사용해서 진행합니다. 주사위는 각각 1부터 S1, S2, S3까지의 숫자 중 하나가 나오며, 3개의...

[프로그래머스 알고리즘 스터디] 3주차 - 사탕 담기

[프로그래머스 알고리즘 스터디] 3주차 - 사탕 담기

문제 설명 📑 m 그램(gram)을 담을 수 있는 가방에 사탕을 가득 채우는 경우의 수를 구하려 합니다. 단, 같은 사탕은 또 넣을 수 없습니다. 가방이 감당할 수 있는 무게 m, 사탕별...

[프로그래머스 알고리즘 스터디] 3주차 - 세 소수의 합

[프로그래머스 알고리즘 스터디] 3주차 - 세 소수의 합

문제 설명 📑 어떤 수를 서로 다른 소수 3개의 합으로 표현하는 경우의 수를 구하려 합니다. 예를 들어 33은 총 4가지 방법으로 표현할 수 있습니다. 3+7+23 3+11+19 3+13+17 5+11+17 자연수 n이...

[프로그래머스 알고리즘 스터디] 2주차 - 방문 길이

[프로그래머스 알고리즘 스터디] 2주차 - 방문 길이

문제 설명 📑 게임 캐릭터를 4가지 명령어를 통해 움직이려 합니다. 명령어는 다음과 같습니다. U: 위쪽으로 한 칸 가기 D: 아래쪽으로 한 칸 가기 R: 오른쪽으로 한 칸 가기 L: 왼쪽으로...

[프로그래머스 알고리즘 스터디] 2주차 - 빙고

[프로그래머스 알고리즘 스터디] 2주차 - 빙고

문제 설명 📑 빙고는 NxN 크기의 게임 보드 칸에 1부터 NxN까지의 자연수를 중복 없이 하나씩 적은 후 숫자를 하나씩 지워나가는 게임입니다. 이때, 가로, 세로, 대각선 방향으로 한 줄에 적힌 숫자를...

[프로그래머스 알고리즘 스터디] 2주차 - 사전순 부분문자열

[프로그래머스 알고리즘 스터디] 2주차 - 사전순 부분문자열

문제 설명 📑 어떤 문자열 s가 주어졌을 때, s로부터 만들 수 있는 부분 문자열 중 사전 순으로 가장 뒤에 나오는 문자열을 찾으려 합니다. 부분 문자열을 만드는 방법은 다음과 같습니다. s에서...

[프로그래머스 알고리즘 스터디] 2주차 - 짝지어 제거하기

[프로그래머스 알고리즘 스터디] 2주차 - 짝지어 제거하기

문제 설명 📑 짝지어 제거하기는, 알파벳 소문자로 이루어진 문자열을 가지고 시작합니다. 먼저 문자열에서 같은 알파벳이 2개 붙어 있는 짝을 찾습니다. 그다음, 그 둘을 제거한 뒤, 앞뒤로 문자열을 이어 붙입니다. 이...

[프로그래머스 알고리즘 스터디] 2주차 - 운송 트럭

[프로그래머스 알고리즘 스터디] 2주차 - 운송 트럭

문제 설명 📑 XX 회사는 트럭을 이용해 상품을 운반합니다. 트럭은 최대 무게가 한정되어있습니다. 직원은 트럭에 상품을 순서대로 실으며, 상품을 실을 수 없는 트럭은 바로 목적지로 출발합니다. 이때 우리는 모든 상품을...

[프로그래머스 알고리즘 스터디] 2주차 - 나머지 한 점

[프로그래머스 알고리즘 스터디] 2주차 - 나머지 한 점

문제 설명 📑 직사각형을 만드는 데 필요한 4개의 점 중 3개의 좌표가 주어질 때, 나머지 한 점의 좌표를 구하려고 합니다. 점 3개의 좌표가 들어있는 배열 v가 매개변수로 주어질 때, 직사각형을...

[프로그래머스 알고리즘 스터디] 1주차 - 게임아이템

[프로그래머스 알고리즘 스터디] 1주차 - 게임아이템

문제 설명 📑 XX 게임의 유저들이 보스 몬스터를 사냥하려고 팀을 만들었습니다. 그리고 팀에 속한 캐릭터에 아이템을 사용해 공격력을 높이려 합니다. 이 게임의 아이템은 캐릭터의 공격력은 높이고 체력을 낮춥니다. 그래서 아이템을...

[프로그래머스 알고리즘 스터디] 1주차 - FloodFill

[프로그래머스 알고리즘 스터디] 1주차 - FloodFill

문제 설명 📑 n x m 크기 도화지에 그려진 그림의 색깔이 2차원 리스트로 주어집니다. 같은 색깔은 같은 숫자로 나타난다고 할 때, 그림에 있는 영역은 총 몇 개인지 알아내려 합니다. 영역이란...

[프로그래머스 알고리즘 스터디] 1주차 - 배상 비용 최소화

[프로그래머스 알고리즘 스터디] 1주차 - 배상 비용 최소화

문제 설명 📑 OO 조선소에서는 태풍으로 인한 작업지연으로 수주한 선박들을 기한 내에 완성하지 못할 것이 예상됩니다. 기한 내에 완성하지 못하면 손해 배상을 해야 하므로 남은 일의 작업량을 숫자로 매기고 배상비용을...

[프로그래머스 알고리즘 스터디] 1주차 - 더 맵게

[프로그래머스 알고리즘 스터디] 1주차 - 더 맵게

문제 설명 📑 매운 것을 좋아하는 Leo는 모든 음식의 스코빌 지수를 K 이상으로 만들고 싶습니다. 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 Leo는 스코빌 지수가 가장 낮은 두 개의...

[프로그래머스 알고리즘 스터디] 1주차 - 기능개발

[프로그래머스 알고리즘 스터디] 1주차 - 기능개발

문제 설명 📑 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에...

[프로그래머스 알고리즘 스터디] 1주차 - 문자열 압축 [2020 KAKAO BLIND RECUITEMENT 기출]

[프로그래머스 알고리즘 스터디] 1주차 - 문자열 압축 [2020 KAKAO BLIND RECUITEMENT 기출]

문제 설명 📑 데이터 처리 전문가가 되고 싶은 “어피치”는 문자열을 압축하는 방법에 대해 공부를 하고 있습니다. 최근에 대량의 데이터 처리를 위한 간단한 비손실 압축 방법에 대해 공부를 하고 있는데, 문자열에서...

CS

[넓고 얕게 배우는 컴퓨터 구조] 운영체제가 하는 일

[넓고 얕게 배우는 컴퓨터 구조] 운영체제가 하는 일

강의 영상📼

[넓고 얕게 배우는 컴퓨터 구조] 고급 이론을 이해하기 위한 용어정리

[넓고 얕게 배우는 컴퓨터 구조] 고급 이론을 이해하기 위한 용어정리

강의 영상📼

[넓고 얕게 배우는 컴퓨터 구조] 기억장치에 대한 이해

[넓고 얕게 배우는 컴퓨터 구조] 기억장치에 대한 이해

강의 영상📼

[넓고 얕게 배우는 컴퓨터 구조] CPU가 작동하는 원리

[넓고 얕게 배우는 컴퓨터 구조] CPU가 작동하는 원리

강의 영상📼

[넓고 얕게 배우는 컴퓨터 구조] 진법변환

[넓고 얕게 배우는 컴퓨터 구조] 진법변환

강의 영상📼

[넓고 얕게 배우는 컴퓨터 구조] 1비트와 4GB, 용량

[넓고 얕게 배우는 컴퓨터 구조] 1비트와 4GB, 용량

강의 영상📼

[넓고 얕게 배우는 컴퓨터 구조] 컴퓨터 하드웨어 구성 요약

[넓고 얕게 배우는 컴퓨터 구조] 컴퓨터 하드웨어 구성 요약

강의 영상📼

nodejs

[Node.js 백엔드 기초] Node.js Basic Project - 프로젝트 톺아보기 (2)

[Node.js 백엔드 기초] Node.js Basic Project - 프로젝트 톺아보기 (2)

프로젝트 톺아보기👀

[Node.js 백엔드 기초] Node.js Basic Project - 프로젝트 톺아보기 (1)

[Node.js 백엔드 기초] Node.js Basic Project - 프로젝트 톺아보기 (1)

프로젝트 톺아보기👀

[Node.js 백엔드 기초] MySQL 기초 - 조건에 따라 그룹으로 묶기

[Node.js 백엔드 기초] MySQL 기초 - 조건에 따라 그룹으로 묶기

정리📑

[Node.js 백엔드 기초] MySQL 기초 - 시간/날짜 관련 및 기타 함수들

[Node.js 백엔드 기초] MySQL 기초 - 시간/날짜 관련 및 기타 함수들

정리📑

[Node.js 백엔드 기초] MySQL 기초 - 숫자와 문자열을 다루는 함수들

[Node.js 백엔드 기초] MySQL 기초 - 숫자와 문자열을 다루는 함수들

정리📑

[Node.js 백엔드 기초] MySQL 기초 - 각종 연산자들

[Node.js 백엔드 기초] MySQL 기초 - 각종 연산자들

정리📑

[Node.js 백엔드 기초] MySQL 기초 - SELECT 기능 훑어보기

[Node.js 백엔드 기초] MySQL 기초 - SELECT 기능 훑어보기

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - 비구조화 할당 (구조분해 할당)

[Node.js 백엔드 기초] JavaScript 기초 - 비구조화 할당 (구조분해 할당)

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - 다양한 함수 사용법

[Node.js 백엔드 기초] JavaScript 기초 - 다양한 함수 사용법

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - 객체 리터럴(Object Literal)

[Node.js 백엔드 기초] JavaScript 기초 - 객체 리터럴(Object Literal)

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - 템플릿 문자열

[Node.js 백엔드 기초] JavaScript 기초 - 템플릿 문자열

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - var, let, const의 비교

[Node.js 백엔드 기초] JavaScript 기초 - var, let, const의 비교

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - jquery를 사용한 HTML 제어

[Node.js 백엔드 기초] JavaScript 기초 - jquery를 사용한 HTML 제어

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - 변수 및 함수 사용

[Node.js 백엔드 기초] JavaScript 기초 - 변수 및 함수 사용

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - 라이브러리 참조

[Node.js 백엔드 기초] JavaScript 기초 - 라이브러리 참조

정리📑

[Node.js 백엔드 기초] JavaScript 기초 - JavaScript를 통한 HTML 제어

[Node.js 백엔드 기초] JavaScript 기초 - JavaScript를 통한 HTML 제어

정리📑

[Node.js 백엔드 기초] CSS 기초 - style 적용 방식 (inline, embedded, file)

[Node.js 백엔드 기초] CSS 기초 - style 적용 방식 (inline, embedded, file)

정리📑

[Node.js 백엔드 기초] CSS 기초 - 태그 선택자, 아이디 선택자, 클래스 선택자

[Node.js 백엔드 기초] CSS 기초 - 태그 선택자, 아이디 선택자, 클래스 선택자

정리📑

[Node.js 백엔드 기초] HTML 기초 - 기본 태그의 역할

[Node.js 백엔드 기초] HTML 기초 - 기본 태그의 역할

Node.js 공부를 시작하며🏃🏻‍♀️

React

[React 기초 다지기] ContextAPI

[React 기초 다지기] ContextAPI

ContextAPI

[React 기초 다지기] useMemo와 useCallback을 통한 최적화

[React 기초 다지기] useMemo와 useCallback을 통한 최적화

useMemo와 useCallback을 통한 최적화

[React 기초 다지기] 불필요한 Re-rendering 방지

[React 기초 다지기] 불필요한 Re-rendering 방지

불필요한 Re-rendering 방지

[React 기초 다지기] Ref 사용하기

[React 기초 다지기] Ref 사용하기

Ref 사용하기

[React 기초 다지기] React의 Life Cycle

[React 기초 다지기] React의 Life Cycle

React의 Life Cycle

[React 기초 다지기] React의 불변성

[React 기초 다지기] React의 불변성

React의 불변성

[React 기초 다지기] React의 Re-rendering

[React 기초 다지기] React의 Re-rendering

React의 Re-rendering

[React 기초 다지기] Webpack

[React 기초 다지기] Webpack

Webpack

[React 기초 다지기] JSX와 Babel

[React 기초 다지기] JSX와 Babel

React의 기초를 다지자!🧱

JavaScript

[JavaScript 기초 다지기] 배열 method

[JavaScript 기초 다지기] 배열 method

arr.push()/pop()/unshift()/shift(): 기본 삽입, 삭제 메소드

[JavaScript 기초 다지기] 문자열 method

[JavaScript 기초 다지기] 문자열 method

특정 위치에 접근

[JavaScript 기초 다지기] 숫자, 수학 method

[JavaScript 기초 다지기] 숫자, 수학 method

Math 내장 객체

[JavaScript 기초 다지기] Symbol

[JavaScript 기초 다지기] Symbol

객체 프로퍼티와 Symbol

[JavaScript 기초 다지기] 객체 메소드와 계산된 프로퍼티

[JavaScript 기초 다지기] 객체 메소드와 계산된 프로퍼티

계산된 프로퍼티 (Computed Property)

[JavaScript 기초 다지기] Class

[JavaScript 기초 다지기] Class

Class의 정의

[JavaScript 기초 다지기] Prototype

[JavaScript 기초 다지기] Prototype

프로토타입 객체

[JavaScript 기초 다지기] 생성자 함수

[JavaScript 기초 다지기] 생성자 함수

생성자 함수

os

[운영체제 기초 다지기] Process Management

[운영체제 기초 다지기] Process Management

프로세스의 생성과 종료

[운영체제 기초 다지기] Process (2)

[운영체제 기초 다지기] Process (2)

스레드

[운영체제 기초 다지기] Process (1)

[운영체제 기초 다지기] Process (1)

프로세스

[운영체제 기초 다지기] System Structure & Program Execution (2)

[운영체제 기초 다지기] System Structure & Program Execution (2)

컴퓨터 시스템 구조

[운영체제 기초 다지기] System Structure & Program Execution (1)

[운영체제 기초 다지기] System Structure & Program Execution (1)

컴퓨터 시스템 구조

[운영체제 기초 다지기] Introduction to Operating Systems

[운영체제 기초 다지기] Introduction to Operating Systems

운영체제 개요