post-thumbnail

Webpack | 기본적인 구성 방법

모듈이란 애플리케이션을 구성하는 개별적 요소로 재사용 가능한 코드 조각을 말합니다. 일반적으로 모듈은 기능을 기준으로 파일단위로 분리합니다. 모듈은 자신만의 파일 스코프를 가지고 있어야 합니다. 모듈 내의 정보는 비공개 상태입니다.모듈은 애플리케이션과 분리된 개별적 존

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

Redux | Redux Essentials, Part 3: Basic Redux Data Flow

빠르게 초기 폴더구조를 살펴봅시다./public: the HTML host page template and other static files like icons/srcindex.js: 어플리케이션의 엔트리포인트(진입 지점). React-Redux 컴포넌트인 <Pr

2022년 4월 29일
·
0개의 댓글
post-thumbnail

Redux | Redux Essentials, Part 2: Redux App Structure

이번 파트에서는 어떻게 리덕스가 작동하는지 알아봅시다아래와 같이 앱이 구성되어 있습니다/srcindex.js 어플리케이션의 시작점App.js 리액트 컴포넌트 최상위 레벨/appstore.js 리덕스 스토어 인스턴스를 생성하는 곳/features/counterCounte

2022년 4월 26일
·
0개의 댓글
post-thumbnail

Redux | Redux Overview and Concepts

공식문서를 제 나름 번역한 것이라 오역, 의역이 존재할 수 있습니다리덕스는 액션이라는 이벤트를 사용해 앱의 상태를 관리 & 업데이트하는 라이브러리 혹은 패턴이다.스토어라는 곳을 통해 전체 어플리케이션의 상태를 관리할 수 있다.리덕스가 제공하는 패턴과 도구는 상태가 언제

2022년 4월 22일
·
0개의 댓글
post-thumbnail

프로그래머스 | 카펫

Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다.Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 갈색으로 색칠된 격자의 개수는 기억했지만, 전체 카펫의 크기는 기억하지 못했습

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

프로그래머스 | 가장 큰 수

0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요.예를 들어, 주어진 정수가 6, 10, 2라면 6102, 6210, 1062, 1026, 2610, 2106를 만들 수 있고, 이중 가장 큰 수는 6210입니다.0 또는 양

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

프로그래머스 | 폰켓몬

당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다.홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라서 같은

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

프로그래머스 | 가장 큰 정사각형 찾기

1와 0로 채워진 표(board)가 있습니다. 표 1칸은 1 x 1 의 정사각형으로 이루어져 있습니다. 표에서 1로 이루어진 가장 큰 정사각형을 찾아 넓이를 return 하는 solution 함수를 완성해 주세요. (단, 정사각형이란 축에 평행한 정사각형을 말합니다.)

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

프로그래머스 | 내적

a와 b를 곱해야하기 때문에 for문을 2개 돌린다.i와 j가 같을 때 곱해서 answer에 값을 누적시켜준다.이번 문제는 간단하게 풀 수 있어서 간략하게만 설명을하고 마치겠다

2022년 3월 17일
·
0개의 댓글

4주간의 기업협업 회고

2차 프로젝트까지 마치고, 마지막으로 기업협업을 진행 하기위해 희망 기업을 1지망, 2지망으로 수요(?) 조사를 진행하였다. 나는 그로우앤배터라는 기업에 1지망으로 지원하였는데, 다행히 뽑혀서 그로우앤베터라는 기업에 기업협업을 할 수 있게 되었다. 프론트엔드 1명, 백

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

프로그래머스 | 키패드 누르기

카카오 인턴 문제라 그런지 푸는데 3시간정도 걸렸던 것 같다... 😢처음에는 한 번에 풀려고 했는데 너무 많은 반복문이 필요했던 것 같아 함수로 분리해서 문제를 풀었다.마지막 답변을 입력할 곳 +를 이용해 하나씩 붙인다.휴대폰 키패드를 이중 배열로 구현오른손, 왼손의

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

프로그래머스 | 모의고사

문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다.1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...2번 수

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

두번째 팀 프로젝트 회고

드디어 두번째 팀 프로젝트(22.01.17. ~ 22.01.28.)가 끝이났다. 이번엔 육체적으로도 정신적으로도 많이 갈려나갔던(?) 기간이었던 것 같다. 프로젝트 소개 이번에 클론코딩을하게 된 페이지는 나이키였다. 나이키는 이전과 같이 이커머스 스타일의 페이지지라

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

첫 팀 프로젝트 회고

지난 2주간(21.12.27. ~ 22.01.07)은 처음으로 팀 단위 구성으로 프로젝트를 진행했다.아직 프론트엔드쪽으로도, 백엔드쪽으로도 미숙했기 때문에 시작하기 전부터 너무 겁을 먹었지만 어떻게든 해낸 2주였던것 같다.이번 프로젝트는 독자적인 페이지를 만들기보다는,

2022년 1월 9일
·
0개의 댓글
post-thumbnail

Network | RESTful API

RESTful RESTful은 REpresentational State Transfer의 약자로 2000년 Roy Fielding의 논문에

2021년 12월 22일
·
0개의 댓글
post-thumbnail

Node | Layered Pattern

한 파일에 모든 코드를 다 넣어도 노드 서버는 문제 없이 동작한다. 간단한 규모의 어플리케이션이라면 굳이 모듈화가 필요 없지만, 우리는 실제 서비스에서 사용할 수 있는 어플리케이션을 구현하는 것이 목표다. 즉, 혼자서 개발하는 것은 극히 드물다. 결국, 좋은 코드(협업

2021년 12월 20일
·
0개의 댓글
post-thumbnail

Code Kata | Review(7)

양수 N을 이진법으로 바꿨을 때, 연속으로 이어지는 0의 갯수가 가장 큰 값을 return해 주세요.이어지는 0은 1과 1사이에 있는 것을 의미합니다.1과 1사이에 있는 0을 binary gap 이라고 하겠습니다.input: 9output: 2설명: 9의 이진수는 10

2021년 12월 20일
·
0개의 댓글
post-thumbnail

Code Kata | Review (6)

두 개의 input에 복소수(complex number)가 string 으로 주어집니다. 복소수란 a+bi 의 형태로, 실수와 허수로 이루어진 수입니다.input으로 받은 두 수를 곱해서 반환해주세요. 반환하는 표현도 복소수 형태의 string 이어야 합니다.복소수 정

2021년 12월 19일
·
0개의 댓글
post-thumbnail

JavaScript | 동기와 비동기

동기 (Synchronous) JavaScript는 기본적으로 동기적으로 작동한다. 동기적으로 작동한다는 것을 풀어서 설명한다면, 문서에서 var로 선언한 변수나 함수가 호이스팅 되서 최상단으로 끌어올려진뒤 위에서 아래로 순차적으로 작동된다는 것이다. 동기 방식은 하

2021년 12월 19일
·
0개의 댓글
post-thumbnail

Database | MySQL

MySQL은 세계에서 가장 많이 쓰이는 오픈 소스의 관계형 데이터베이스 관리 시스템이다 다중 스레드, 다중 사용자 형식의 구조질의어 형식의 데이터베이스 관리 시스템으로서 오라클이 관리 및 지원하고 있으며, Qt처럼 이중 라이선스가 적용된다brew install mysq

2021년 12월 14일
·
0개의 댓글