profile
그림그리는 개발자 🎨
post-thumbnail

[Next.js] Head에 title과 favicon 넣기

Next.js 프로젝트에 favicon 아이콘과 title을 넣으려고 \_document.tsx 파일에 있는 Head에 적용을 시켰는데 다음과 같은 에러가 났다.\_document.js에 있는 head는 실제 head 태그를 감싸는 역할만을 한다고 한다. 실제 head

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

MOMO - 온라인 패션 E-commerce 쇼핑몰

대학생 코딩 연합 동아리 멋쟁이 사자처럼 스터디에서 진행한 프로젝트로, E-commerce형태의 웹 서비스를 구현해보는 스터디가 진행되어 시작하게 된 프로젝트입니다.HTML5 / CSS3JavaScript(ES6+)ReactRedux, Redux-thunkMongoDB

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

Seoulite - 서울시 wifi 위치 지도 앱 (카카오 지도 API, 서울 열린데이터광장 활용)

Project Overview 멋쟁이 사자처럼 스터디에서 진행한 프로젝트로, 지도 Api를 이용한 서비스를 구현해보자는 취지로 시작 된 스터디모임에서 만든 프로젝트 입니다. 밖에서 핸드폰 데이터가 떨어져가서 급하게 와이파이가 필요할때, 서울시의 와이파이가 설치된 곳의

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

[Next.js] Router에 접근해 컬러 Dynamic하게 변경하기, useRouter 와 Link

Next.js로 프로젝트 하던 도중 헤더 백그라운드 컬러를 페이지에 따라서 다이나믹 하게 변경하고 싶었다.useRouter를 next/router로 import 해주고,Link 또한 next.js에서 import 해준다.변수 선언 후에 navStyle을 통해서 스타일을

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

[JavaScript] LinkedList

// --- Directions// Implement classes Node and Linked Lists// See 'directions' document

2021년 1월 14일
·
0개의 댓글
post-thumbnail

[JavaScript] qfroms

\--- DirectionsImplement a Queue datastructure using two stacks.Do not create an array inside of the 'Queue' class.Queue should implement the methods

2021년 1월 13일
·
0개의 댓글
post-thumbnail

React Server Components 리액트 서버 컴포넌트란?

리액트 서버 컴포넌트란 리액트 앱의 퍼포먼스 향상을 위해 서버 쪽에서 렌더링되어 리액트 컴포넌트를 작성하는 방법이다.리액트 앱의 문제점은 바로 bundle.js의 사이즈가 매우커서 이를 다운로드하는 시간이 길어지고, 네트워크 요청 수가 크다는 것이다. 결과적으로 유저가

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

2020 늦은 회고록

2020년 나는 8월에 대학 졸업장을 드디어 받았다. 부전공을 하느라 한 학시 늦춰졌지만, 후회되지는 않는다. 복수 전공을 할까 싶기도 했지만 졸업 시점이 너무 늦는게 두려워 일단 시작하게된 부 전공으로 들었던 수업들이 도움이 많이 되었던 것 같다.시원 섭섭하다✨남은

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

[JavaScript] Stack

\--- DirectionsCreate a stack data structure. The stackshould be a class with methods 'push', 'pop', and'peek'. Adding an element to the stack shoul

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

💅 Styled-components에 Global style 적용시키기, createGlobalStyle

프로젝트 리팩토링 과정 도중에 적용시키게 된 Styled-components! body의 margin이라던지 a 태그의 text-decoration: none; 같은 글로벌한 속성을 적용시키지 위해 공식문서를 참고하였다. 공식문서 사용방법 create-react-

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

💅 Styled-Components 반응형 미디어 쿼리, ThemeProvider 활용

참고https://kim-mj.tistory.com/282https://wonit.tistory.com/367

2021년 1월 10일
·
0개의 댓글
post-thumbnail

[JavaScript] Weave

\--- Directions1) Complete the task in weave/queue.js2) Implement the 'weave' function. Weavereceives two queues as arguments and combines thecontent

2021년 1월 10일
·
0개의 댓글
post-thumbnail

[JavaScript] JS관련 참고 포스트

Medium링크velog 링크

2021년 1월 10일
·
0개의 댓글
post-thumbnail

[JavaScript] Queue

\--- DescriptionCreate a queue data structure. The queueshould be a class with methods 'add' and 'remove'.Adding to the queue should store an element

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

Memoization이란?

Store the arguments if each function call along with the result.If the function is called again with the same arguments, return the precomputed result

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

[JavaScript] Fibonacci and Runtime Complexity 피보나치와 시간복잡도

\--- DirectionsPrint out the n-th entry in the fibonacci series.The fibonacci series is an ordering of numbers whereeach number is the sum of the prec

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

[JavaScript] Big-O, Runtime/Space Complexity 시간복잡도/공간복잡도

빅오는 입력값이 커질 때 알고리즘의 실행 시간(시간 복잡도)과 함께 공간 요구사항(공간 복잡도)이 어떻게 증가하는지를 분류하는 데 사용되며, 알고리즘의 효율성을 분석하는데에도 매우 유용하게 사용된다.여기서 시간 복잡도(runtime complexity) 란,쉽게 말하자

2021년 1월 5일
·
0개의 댓글
post-thumbnail

Next.js란?

아래 영상을 보고 정리한 내용입니다.출처1출처2react 라이브러리는 SPA(Single Page Application) 으로, url이 바뀌어도 모든 새로운 html을 다시 그려주지 않아도 되어 화면 깜빡이 줄어들어 앱과 같은 경험을 제공한다는 장점이있습니다.또한 이

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

[JavaScript] 구조 분해 할당 Destructuring, rest, spread properties

구조 분해 할당 구문은 배열이나 객체의 속성을 Destructuring(비구조화, 파괴)하여하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용합니다.위 코드에

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

[JavaScript] Spiral Matrix

\--- DirectionsWrite a function that accepts an integer Nand returns a NxN spiral matrix.\--- Examples matrix(2) \[1, 2, 4, 3] matrix(3) \[

2021년 1월 1일
·
0개의 댓글