profile
개발을 사랑합니다 :)MarketDesigners - Front-End Engineer
post-thumbnail

Gatsby로 포트폴리오를 만들어봤습니다.

훈련소를 갔다오고 이번 기회에 Gatsby를 이용해서 포트폴리오와 블로그를 겸할 사이트를 제작해봤습니다.테마는 사용하지않고 직접 만들었어요!블로그를 만든 기록은 벨로그와 제 사이트에 함께 포스팅할 예정입니다.블로그에 대한 자세한 설명은 밑에 URL에 남겨놨습니다.htt

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

[TOY] RIOT API를 이용해서 전적검색 사이트를 만들어보자! - 3

KAISA.GG 프론트엔드 유저 검색 로직 정리

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

Notion을 이용해 포트폴리오를 만들어보자

안녕하세요 Marcus 입니다. 이번엔 노션으로 포트폴리오 만들기 포스팅입니다.

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

오늘의집 클론코딩 [Lazy-Loading]

안녕하세요 Marcus입니다.이번 포스팅에서는 Intersection Observer에 대한 설명에 이어Intersection Observer와 React Hooks를 이용하여 Lazy Loading을 구현하려합니다.앞서 작성했던 Intersection Observer

2020년 5월 6일
·
4개의 댓글
post-thumbnail

Intersection Observer API

안녕하세요 Marcus입니다. 요즘 벨로그에 Lazy-loading관련된 글이 많이 올라와서 관심있게보다가 Intersection Observer와 React Hooks를 이용해서 Lazy-loading과 Infinity Scroll을 구현해봤습니다. 시리즈로 진행

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

프로그래머스 - K번째 수 구하기

안녕하세요 Marcus입니다.이번에 한동안 모른채했던 알고리즘을 공부하게 되어서 풀이 과정을 공유하려고 합니다.오늘 풀어볼 문제는 K번째 수 구하기 입니다.위 설명을 보고 여러분들도 한번 풀어보세요!제가 푼 방식은 다음과 같습니다.이번 문제는 풀이를 적고싶었는데.. 딱

2020년 4월 13일
·
0개의 댓글
post-thumbnail

[TOY] RIOT API를 이용해서 전적검색 사이트를 만들어보자! - 2

안녕하세요 Marcus입니다.이번 포스팅에서는 server 설정 및 RIOT API Key를 받는 방법에 대해서 포스팅할 예정입니다.이번 프로젝트 서버쪽 스펙은 AWS Lambda + Serverless저는 serverless와, 서버단 코드를 어떻게 작성했는지에 초점

2020년 3월 16일
·
0개의 댓글
post-thumbnail

Google에서 추천하는 css 문법

안녕하세요 Marcus입니다.이번 포스팅에는 짧게 Google에서 추천하는 CSS문법을 소개해드리겠습니다.

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

[TOY] RIOT API를 이용해서 전적검색 사이트를 만들어보자! 2020Version

안녕하세요 2019년에 작성했던 전적검색 사이트에 개발자 Marcus입니다. 2020년이 되고 새로운 마음으로 1년전에 개발했던 전적검색 사이트를 처음부터 개발을 다시 진행하게 되었습니다.

2020년 2월 26일
·
2개의 댓글

React Form Login Validation

안녕하세요 Marcus입니다. 이번 포스팅은 React에서 Login을 구현할 때 유효성검사를 어떻게 하는지에 대해서 제가 사용하는 방법을 소개해드리려고 합니다. 많은 라이브러리들이 있지만 저는 직접 구현해서 사용합니다 한번 보시죠! 먼저 javascript에 정규 표현식을 사용해서 email식이 맞는지를 체크하는 함수를 하나 만들어줍니다. src/h...

2019년 2월 21일
·
1개의 댓글
post-thumbnail

[자바스크립트 알고리즘] - 행렬의 덧셈

안녕하세요 Macus입니다. 13편은 행렬의 덧셈이라는 알고리즘 문제입니다. 문제 설명 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 제한 조건 행렬 arr1, arr2의 행과 열의...

2019년 2월 14일
·
0개의 댓글
post-thumbnail

[자바스크립트 알고리즘] - 문자열 내림차순으로 배치하기

안녕하세요 Macus입니다. 13편은 문자열 내림차순으로 배치하기라는 알고리즘 문제입니다. 문제 설명 문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요. s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주합니다. 제한 사항 제한 사항 str은 길이 1 ...

2019년 2월 13일
·
1개의 댓글
post-thumbnail

Javascript var-let-const 차이

var-let-const Javascript var - let - const 의 차이 Javascript에 변수 선언 방식인 var let const에 각각 차이점을 알아보자 먼저 이들의 차이점을 이해하기 위해서는 Hoisting과 Scope의 개념이 필요하다. (해당 링크에 각각의 개념을 정리했으니 참고 부탁드립니다.) var let const를...

2019년 2월 10일
·
2개의 댓글
post-thumbnail

Javascript Hoisting

Hoisting Javascript에 Hoisting을 알아보자 Hoisting은 어쩌면 우리가 무의식적으로 사용하고있을 수 있다. Hoisting에 특징을 알아보자 모든 변수 선언은 호이스트된다. 호이스트란, 변수의 정의가 그 범위에 따라 선언(declaratio

2019년 2월 10일
·
3개의 댓글
post-thumbnail

Javascript Object와 관련된 함수들

안녕하세요 이번 포스팅은 Javascript에서 사용되는 Object(객체)관련 메소드들을 소개합니다. Object.keys() Obejct values()는 파라미터로 전달된 객체가 가지는 열거 가능한 속성의 모든 나열형 속성들을 나타내는 문자열 배열. 쉽게 설명하면 Object에 key값을 출력한다고 생각하시면 쉬울 것 같습니다. 저희는 브라우저...

2019년 1월 31일
·
0개의 댓글
post-thumbnail

자바스크립트 스코프

안녕하세요 Marcus입니다. 오늘은 자바스크립트에서 중요한 스코프(scope)에 대해서 소개해드리겠습니다. 스코프란? 자바스크립트에서 스코프란 어떤 변수들에 접근할 수 있는지를 정의합니다. 스코프엔 두 가지 종류가 있습니다. 전역 스코프와 지역 스코프로 나뉩니다. 그럼 먼저 전역 스코프에 대해서 알아봅시다. 전역 스코프 전역 스코프는 변수가 함수 바깥...

2019년 1월 24일
·
1개의 댓글
post-thumbnail

[자바스크립트 알고리즘] - 같은 숫자는 싫어!

안녕하세요 Macus입니다. 이전편 나누어 떨어지는 숫자 배열을 이어 12편을 작성하겠습니다. 12편은 같은 숫나는 싫어!라는 알고리즘 문제입니다 문제 설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 배열 arr에서...

2019년 1월 11일
·
0개의 댓글
post-thumbnail

[자바스크립트 알고리즘] - 나누어 떨어지는 숫자 배열

안녕하세요 Macus입니다. 이전편 문자열 내 p와 y의 개수를 이어 11편을 작성하겠습니다. 11편은 나누어 떨어지는 숫자 배열이라는 알고리즘 문제입니다 문제 설명 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 elem...

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

[TOY 2] - 라이엇 API를 사용해서 롤 전적 사이트를 만들어보자

안녕하세요 Marcus입니다. 다름이 아니라 현재 이 포스팅은 1년전 포스팅이며 현재 다른 버전으로 개발중에있습니다. 이 포스팅은 시간이 오래 지나서 100%참고시 버그를 유발할 수 있으므로 어느정도의 참고만 하시면 도움이 될 것 같습니다. 만약에 롤 전적검색 사이트에 관심이 있으시다면 현재 개발중인 버전을 참고 하시는게 더욱 도움이 될거에요! ht...

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

[자바스크립트 알고리즘] - 문자열 내 p와 y의 개수

안녕하세요 Macus입니다. 이전편 완주하지 못한 선수를 이어 10편을 작성하겠습니다. 10편은 문자열 내 p와 y의 개수라는 알고리즘 문제입니다 문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y...

2019년 1월 8일
·
0개의 댓글