profile
꾸준하고 재밌게 코딩하고 싶습니다
post-thumbnail

JSON 파일 읽어들여 컴포넌트 나열

HTML input 태그의 type="file"로 "파일 선택" 버튼을 표시한다. 이 때 id="ID명"으로 작성하고 js와 연결을 준비한다.id 태그의 값이 변경될 때, 파일을 읽어들이는 메소드(loadFile)가 호출되도록 한다.읽어들이는 메소드(loadFile)에

2020년 12월 31일
·
0개의 댓글

이클립스로 svn 설치 및 연동

저장소 우클릭을 통해 check out 하여 소스 다운check out 이 완료되면 소스코드를 확인할 수 있고, 로컬에서 소스편집 가능소스 파일 생성 및 편집프로젝트 우클릭하여 team > commit 메뉴 선택commit 시에는 comment 작성 필수 현재 작업 디

2020년 12월 15일
·
0개의 댓글

[알고리즘] 과반수 넘은 숫자 반환

숫자로 이루어진 배열인 nums를 인자로 전달합니다.숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.예를 들어,nums = 3,2,3return 3nums = 2,2,1,1,1,2,2return 2가정nums 배열의 길이는

2020년 12월 1일
·
0개의 댓글

리덕스 실습 (1)

이론적으로 알고 있지만 코드로 구현해보지 못했던 리덕스.리덕스를 실제로 코드로 쳐보기 위해서 여러 가지 실습을 해보려고 한다.첫 번째로 벨로퍼트의 카운터 만들기 실습을 해봤다.실습을 하며 기억하고 싶은 내용을 간단하게 정리한다.src 디렉토리 내부에 아래의 디렉토리들을

2020년 11월 20일
·
0개의 댓글

[알고리즘] 로마자에서 숫자로 바꾸기

로마자에서 숫자로 바꾸기1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요.로마 숫자를 숫자로 표기하면 다음과 같습니다.Symbol ValueI 1V 5X 10L

2020년 11월 16일
·
0개의 댓글

정규표현식

코드카타 문제를 풀다보면 조건에 따라 값을 바꿔줘야 할 때가 종종 있다. 그럴 때마다 if 문을 사용해서 바꿔주려다 보니 코드가 길어지고 복잡해졌다. 그러다 정규표현식이라는 게 있다는 걸 알게 되었다.정규표현식은, 문자열에 특정 규칙이 있는 경우에 해당 규칙을 식으로

2020년 11월 16일
·
0개의 댓글

[자료구조] 스택 / 큐

자료 구조 중에서 스택과 큐를 비교하여 알아보자. 스택 (stack) 책처럼 쌓아올린 형태의 자료구조를 말한다. 🚩 특징 같은 구조와 크기의 자료를 정해진 방향으로만 쌓을 수 있다. top 으로 정한 곳을 통해서만 접근 가능하다. top 은 가장 최근에 들어온

2020년 11월 9일
·
0개의 댓글

Static Website vs. Dynamic Website

SPA(Single Page Application) CSR(Client Side Rendering) SSR(Server Side Rendering) Static Website 정적인 웹사이트 Dynamic Website 실시간으로 데이터를 받아야 하

2020년 11월 6일
·
0개의 댓글
post-thumbnail

브라우저 렌더링 과정 (critical rendering path)

브라우저가 html, css, javascript 파일을 읽고 화면에 실제 픽셀로 변환하는 과정이다. 이 과정을 critical rendering path 주요 렌더링 경로 라고 한다.페이지를 빠르게 보여주는 것은 사용자 경험을 향상시키는 중요한 요소이다. 브라우저 렌

2020년 11월 6일
·
0개의 댓글

[알고리즘] 공통된 시작 단어 반환

strs은 단어가 담긴 배열입니다.공통된 시작 단어(prefix)를 반환해주세요.예를 들어strs = 'start', 'stair', 'step'return은 'st'strs = 'start', 'wework', 'today'return은 ''배열의 첫 번째 요소를 기

2020년 10월 14일
·
0개의 댓글

for ...in 과 for ...of 의 차이

자바스크립트 코드를 짜다보면 반복문 중에 for, for...in, for...of, forEach 를 자주 쓰게 된다. 각각의 차이점을 간단하게 정리해본다.for와 for...in은 index 를 반환하고, for...of와 forEach는 값을 반환한다.for...

2020년 10월 14일
·
0개의 댓글

[알고리즘] 뒤집은 모양이 같은 수 찾기

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어,num = 123return false => 뒤집은 모양이 321 이기 때문num

2020년 10월 14일
·
0개의 댓글

[알고리즘] 중복되지 않은 알파벳으로 이루어진 가장 긴 단어의 길이 반환

String 형인 str 인자에서 중복되지 않은 알파벳으로 이루어진 제일 긴 단어의 길이를 반환해주세요.str: 텍스트return: 중복되지 않은 알파벳 길이 (숫자 반환)예를 들어,str = "abcabcabc"return은 3=> 'abc' 가 제일 길기 때문str

2020년 10월 13일
·
0개의 댓글

[알고리즘] 정수인 숫자를 인자로 받아 뒤집어서 return

reverse 함수에 정수인 숫자를 인자로 받습니다.그 숫자를 뒤집어서 return해주세요.x: 숫자return: 뒤집어진 숫자를 반환!예를 들어,x: 1234return: 4321x: -1234return: -4321x: 1230return: 321

2020년 10월 13일
·
0개의 댓글

논리 연산자

첫 번째 truthy 값을 찾아 반환한다.truthy한 값이 없을 경우 마지막 값을 반환한다.첫 번째 falsy 값을 찾아 반환한다.falsy한 값이 없을 경우 마지막 값을 반환한다.!! 이렇게 쓰면 boolean 값으로 바꿀 수 있다.!! 는 내장함수 Boolean을

2020년 10월 12일
·
0개의 댓글

[알고리즘] 시간의 복잡도

시간의 복잡도는 알고리즘 수행에 얼마만큼의 시간이 걸리는지를, 공간의 복잡도는 얼마만큼의 메모리가 필요한지를 보여준다. 보통 시간의 복잡도가 더 중요하기 때문에 복잡도라고 하면 시간의 복잡도를 이야기한다.복잡도를 표기하는 방법에는 여러 가지가 있다.빅오 표기법최악의 경

2020년 10월 12일
·
0개의 댓글

[알고리즘] 삽입정렬

'삽입정렬'에 대해 알아보자. 알고리즘 중에는 '탐색'하고 '정렬'하는 것들이 많다. 탐색을 하기 전에는 먼저 정렬을 해야 한다. 숫자로 이루어진 배열이 있다고 하자. 숫자가 작은 순서대로 정렬 한다. '삽입정렬'은 두 번째 인덱스의 수부터 뽑아서 그 숫자가 첫 숫자보

2020년 10월 12일
·
0개의 댓글

[알고리즘] 배열 요소 중 더해서 특정 수가 나오는 수의 인덱스 찾기

twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계return: 두 수의 index를 가진 숫자 배열예를 들어,nums

2020년 10월 11일
·
0개의 댓글

Redux

리덕스는 상태 관리 라이브러리이다. 리덕스를 쓰면 상태 관리를 컴포넌트 바깥에서 할 수 있다. 리덕스를 쓰기 전에는 최상단 컴포넌트에서 상태값을 관리하고 그 상태값을 props 로 자식 컴포넌트에 내려줬다. 프로젝트의 규모가 커지면 depth 가 커지고 따라서 상태 관

2020년 9월 27일
·
0개의 댓글

Hooks 에서 state 값을 console.log 할 때

Hooks에서 state값을 console.log하고 싶을 때는 어떻게 할까?useEffect를 써서 데이터가 들어왔을 때 console.log를 한다.

2020년 9월 25일
·
0개의 댓글