profile
개발을 사랑합니다 :) Linkshops - Front-End Engineer
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일
·
3개의 댓글
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일
·
0개의 댓글
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에 특징을 알아보자 모든 변수 선언은 호이스트된다. 호이스트란, 변수의 정의가 그 범위에 따라 선언(declaration)/초기화(initialization)/할당 분리되는 것을 의미한다. 쉽게 말하면 변수가...

2019년 2월 10일
·
1개의 댓글
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개의 댓글
post-thumbnail

2019 PLAN

간단하게 2018년에 대한 회고를 진행하자면 내게 2018년은 내 인생에 큰 변화를 가져온 해였던 것 같다는 생각이 든다. 플레이팅이라는 회사에 입사하면서 기존 개발자 분들에게 도움을 받아 운이 좋게 개발자로 포지션을 변경을 하게되면서 개발이 얼마나 재밌는지를 알게된 것 같다. 2019 PALN Github commit 800개 달성하기 현재는 386개를...

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

[자바스크립트 알고리즘] - 완주하지 못한 선수

안녕하세요 Macus입니다. 이전편 평군 구하기를 이어 9편을 작성하겠습니다. 9편은 완주하지 못한 선수라는 알고리즘 문제입니다 문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴...

2019년 1월 2일
·
3개의 댓글