profile
Junior front-end developer
post-thumbnail

Project - CLASS101 클론 프로젝트 후기

1. 프로젝트 소개 주제: CLASS 101 공식 홈페이지 클론 프로젝트 기간: 2020.10.05 - 2020.10.16 (12일 간) git, slack, trello를 활용한 협업 2. 기술 스택 프론트엔드 4명 HTML, CSS JavaScript(ES6+

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

JavaScript - CodeKata #23

재귀(Recursion)이전에 재귀에 대해 이미 배운바 있습니다.오늘은 재귀를 사용해서 문제를 풀어주세요.str 이라는 'string'을 넘겨주면 글자순서를 바꿔서 return해주세요.reverse 메서드 사용은 당연히 금지입니다!\*힌트아래의 코드가 어색한 것은 아니

2020년 10월 7일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #22

1. 버블정렬(Bubble Sort) 버블 정렬은 인접한 데이터를 교환해서 정렬하는 알고리즘입니다. 알고리즘의 정렬되는 모습이 마치 거품처럼 보인다고 해서 붙여진 이름입니다. 아래 그림을 한 번 봐주세요. 아마 알고리즘이 바로 이해되실 것입니다. 아래와 같은 정렬되

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

JavaScript - CodeKata # 21

1. Selection Sort(선택정렬) 정렬 알고리즘은 순서가 없던 데이터를 순서대로 바꾸어 나열하는 알고리즘입니다. 정렬을 하는 방법은 여러가지가 있는데, 그 중에 유명한 알고리즘은 아래 4가 있습니다. 선택정렬 버블정렬 삽입정렬 퀵정렬 오늘은 선택정렬을 배우

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

JavaScript - CodeKata #20 📌

이진탐색을 배우기 전에 선형탐색(Linear Search)먼저 보겠습니다.\*\* 선형탐색이나, 이진탐색의 요소는 오름차순이나 내림차순으로 되어 있어야 적용할 수 있는 알고리즘입니다.let arr = \[2, 4, 6, 8, 11, 14];위의 배열에서 요소가 8인것을

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

JavaScript - CodeKata #19

숫자로 이루어진 리스트 nums를 인자로 주면,그 안에서 어떤 연속적인 요소를 더했을 때 가장 큰 값이 나오나요?가장 큰 값을 찾아 return해주세요.

2020년 10월 5일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #18 📌

1. Question 다음과 같이 input이 주어졌을 때,같은 알파벳으로 이루어진 단어끼리 묶어주세요. output에서 순서는 상관없습니다.

2020년 9월 30일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #17

prices는 배열이며, 각 요소는 매일의 주식 가격입니다.만약 한 번만 거래할 수 있다면 = 사고 팔 수 있다면,제일 큰 이익은 얼마일까요?

2020년 9월 30일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #16 📌

양수 N을 이진법으로 바꿨을 때, 연속으로 이어지는 0 중에서 가장 큰 값을 return해 주세요.이어지는 0은 1과 1사이에 있는 것을 의미합니다.1과 1사이에 있는 0을 binary gap 이라고 하겠습니다.Ref.https://medium.com/akia

2020년 9월 29일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #15

오늘은 재귀알고리즘에 대한 문제입니다.재귀(recursion)란, 자신을 정의할 때 자기 자신을 호출하는 방법을 뜻합니다. 프로그래밍의 함수정의에서 많이 사용됩니다.countdown 함수는 받은 인자를 console로 출력합니다.그런데 위의 함수를 실행하면 10에서 시

2020년 9월 29일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #14

주어진 숫자 배열에서, 0을 배열의 마지막쪽으로 이동시켜주세요.원래 있던 숫자의 순서는 바꾸지 말아주세요.새로운 배열을 생성해서는 안 됩니다.Input: 0,1,0,3,12Output: 1,3,12,0,0

2020년 9월 29일
·
0개의 댓글
post-thumbnail

React - 파라미터와 쿼리 (동적 라우팅)

파라미터와 쿼리는 주소를 통해서 어떤 동적인 값을 읽어와야 할 때 사용한다.URL Parameter/profiles/sanghoid, username 처럼 정해진 특정 데이터를 조회할 때 많이 사용한다.Query/filter?type=book&sort_by=date 다

2020년 9월 29일
·
0개의 댓글
post-thumbnail

React - Life Cycle & 조건부 렌더링

1차 프로젝트를 진행 기간 중 세션 때 배웠던 Life Cycle에 대한 개념을 정리하고자 한다.constructorrendercomponentDidMount(fetch 완료)render(setState)componentDidUpdate (setState 되었기 때문에

2020년 9월 28일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #13 📌

양수로 이루어진 m x n 그리드를 인자로 드립니다.상단 왼쪽에서 시작하여, 하단 오른쪽까지 가는 길의 요소를 다 더했을 때,가장 작은 합을 찾아서 return 해주세요.한 지점에서 우측이나 아래로만 이동할 수 있습니다.

2020년 9월 28일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #12

문자로 구성된 배열을 input으로 전달하면, 문자를 뒤집어서 return 해주세요.새로운 배열을 선언하면 안 됩니다.인자로 받은 배열을 수정해서 만들어주세요.Input: "h","e","l","l","o"Output: "o","l","l","e","h"Input: "

2020년 9월 28일
·
0개의 댓글
post-thumbnail

JavaScript - CodeKata #11 📌

1. Question input으로 받은 두 수를 곱해서 반환해주세요. 반환하는 표현도 복소수 형태의 string 이어야 합니다. 복소수 정의에 의하면 (i^2)는 -1 이므로 (i^2) 일때는 -1로 계산해주세요. 제곱 표현이 안 되어 i의 2제곱을 (i^2)라

2020년 9월 28일
·
0개의 댓글
post-thumbnail

Project - 컨버스 클론 프로젝트 후기

주제: 컨버스 공식 홈페이지 클론 프로젝트 기간: 2020.09.14 - 2020.09.25 (12일 간)HTML, CSSJavaScript(ES6+)ReactSASS(SCSS)메인 페이지, promotion banner, footer 레이아웃Navigation bar

2020년 9월 27일
·
2개의 댓글
post-thumbnail

Database 1

데이터를 저장 및 보존 하는 시스템Application에서는 데이터가 메모리 상에서 존재한다. 그리고 메모리에 존재하는 데이터는 보존이 되지 않는다. 해당 애플리케이션이 종료하면 메모리에 있던 데이터들은 다시 읽어 들일 수 없다.데이터를 장기 기간동안 저장 및 보존 하

2020년 9월 12일
·
0개의 댓글
post-thumbnail

WEB - HTTP

1. HTTP HTTP는 HyperText Transfer Protocol의 약자이다. 1-1. HyperText 우리는 사실 HyperText가 무엇인지 알고있다. HTTP에서 HyperText는 HTML(HyperText Markup Language)의 Hyp

2020년 9월 12일
·
0개의 댓글
post-thumbnail

React - Mock Data 활용법 (feat. fetch( ) 함수)

UI를 구현하다 보면 API가 나오기 전에 페이지가 먼저 나오는 경우가 많습니다. 프론트엔드 개발자는 API가 나오지 않더라도 mock data, 즉 가짜 데이터를 만들어서 미리 내가 만든 화면에서 데이터가 어떻게 나타나는지 테스트하며 개발을 진행할 수 있습니다. mo

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