profile
Hello, world!
post-thumbnail

Atomic Design Methodology (2/2)

이제는 atoms, molecules, organisms 같은 화학적인 것들과는 멀어질 시간이다. 😅 Templates는 컴포넌트를 레이아웃에 배치하고 설계의 기본 내용 구조를 명확하게 하는 page-level 객체다.

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

Atomic Design Methodology (1/2)

원글 : Atomic Design by Brad Frost Josh Duck’s Periodic Table of HTML Elements beautifully articulates how all of our websites, apps, intranets, hoobady

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

[TypeScript] Basics for JS Programmers

원 글은 TypeScript for JavaScript Programmers이며, 이 글은 미세한 추가/삭제가 있습니다. 🤓TypeScript는 JavaScript 언러를 알고 있으며 대부분의 경우 타입을 생성해준다.예를 들면, 변수를 생성함과 동시에 특정 값에 할당

3일 전
·
0개의 댓글

React Hooks에서 SetState 비동기 해결하기

React에서는 한 함수 안에서 setState를 하고 console.log를 하면 console에는 한 박자씩 느리게 찍혀 나오는 경우가 생긴다.Class형 Component에서는 다음과 같이 callback 함수로 해결할 수 있다.👇🏻해결법하지만 Hooks에서는

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

Stock X 360 Slider

구현하기는 쉬웠지만 반응이 좋았던 슬라이더이다.React의 장점중 하나인 Component에 props를 내려주면서 간단하게 구현이 가능했다.이미지는 모두 36장으로 이루어져있으며 이미지 아래의 가로 스크롤은 무려 input 태그이다..!ScrollSlider.js코드

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

StockX, 2주 프로젝트 후기

🤓 프로젝트 소개 및 목적 패션 아이템 경매 사이트 StockX를 클론 코딩하는 프로젝트 개발 기간 : 2020년 8월 31일 ~ 2020년 9월 11일(12일) 개발 인원 : Front-end 4명, Back-end 3명

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

[Git] Rebase 사용하기

git add .git commitgit checkout mastergit pull origin mastergit checkout (working branch)git reabse -i master여러개의 커밋이 있던 경우 첫 줄의 pick만 제외하고 나머지 commit

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

[DataStructure] Linked Lists

Class의 개념이아직 익숙하지 않다면 Class에 대해 먼저 공부하고 Linked List 공부를 시작하는 것이 좋다.Linked List에는 여러 종류가 있다.Singly Linked ListDoubly Linked ListCircular Linked List이번에

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

CodeKata Week 5

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

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

Pagination? 페이징? 그게 뭐지?

Pagination이란 보여줄 데이터는 많으나, 한 번에 다 보여줄 수 없을 때 사용할 수 있는 기능이고 Paging이라고도 불린다.구글에서 검색할 때도 보여줄 데이터의 양이 많으니 아래에 페이지 번호로 나누어서 보여준다.번호로 구분하지 않아도 페이스북이나 인스타그램처

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

CodeKata Week 4

문제양수 N을 이진법으로 바꿨을 때, 연속으로 이어지는 0 중에서 가장 큰 값을 return해 주세요.이어지는 0은 1과 1사이에 있는 것을 의미합니다.1과 1사이에 있는 0을 binary gap 이라고 하겠습니다.My SolutionModel Solution문제 pr

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

[Data Structure] Stack & Queue

Stack의 사전적 의미는 다음과 같다.사전의 예시와 우리 일상생활에서 보기 쉬운 예시를 생각하다 보니 프링글스가 떠올랐다. 프링글스통과 같은 구조를 스택이라고 할 수 있다. 들어가고 나오는 곳이 한개여서 마지막으로 넣은 것이 나중에 꺼낼때 가장 먼저 나오게 된다.후입

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

CodeKata Week 3

두 개의 input에 복소수(complex number)가 string 으로 주어집니다.복소수란 a+bi 의 형태로, 실수와 허수로 이루어진 수입니다.input으로 받은 두 수를 곱해서 반환해주세요.반환하는 표현도 복소수 형태의 string 이어야 합니다.복소수 정의에

2020년 8월 23일
·
0개의 댓글
post-thumbnail

내가 개발을 시작한 이유(feat. WeCode)

⚠️주의! 아주 사적이고 주관적이며 노잼입니다. 위코드에서 동기들끼리 어쩌다 개발을 시작하게 되었냐는 질문을 많이 하고도 받기도 한다. 그래서 언젠가 내 개인 블로그에 정리해두면 다음에 말해줄 일이 있을 때 조금 더 정리가 된 나의 이야기를 전해줄 수 있을것 같아서

2020년 8월 17일
·
6개의 댓글
post-thumbnail

Code Kata Week 1

twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.예를 들어,가정target으로 보내는 합계의 조합은 배열 전체 중에 2개 밖에 없다고 가정하겠습니다.My SolutionModel Sol

2020년 8월 17일
·
0개의 댓글
post-thumbnail

CodeKata Week 2

문제 Day5인자인 height는 숫자로 이루어진 배열입니다.그래프로 생각한다면 y축의 값이고, 높이 값을 갖고 있습니다.아래의 그래프라면 height 배열은 1, 8, 6, 2, 5, 4, 8, 3, 7 입니다.저 그래프에 물을 담는다고 생각하고, 물을 담을 수 있는

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

Instagram Clone Review

위코드에서는 첫 달은 기초를 배우고 적용하는데에 집중한다. 적용하는 과정이었던 인스타그램 클론이 끝이 났고, 그동안 미루었던 리뷰를 해보려고 한다.

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

React - How to pass data between different component levels

다른 레벨에 있는 컴포넌트간 데이터를 넘겨주는것은 중요하고도 헷갈리는 부분이다. 이번 포스트에서는 리액트 컴포넌트간 데이터의 흐름을 세 가지 주된 방법을 다뤄보겠다.더욱 실용적인 방법으로 설명하기 위해 간단한 리액트 앱을 만들겠다.그러고 나서 components라는 폴

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

HTTP Basics

HTTP는 웹 서비스 개발자라면 당연히 알고 있어야할 핵심 프로토콜이다. HTTP통신은 어떻게 구성되고 사용되어야 하는지 알아보자. HTTP? 😯 HyperText Transfer Protocol : 하이퍼텍스트(HTML) 문서를 교환하기 위해 만들어진 pr

2020년 8월 8일
·
0개의 댓글

TIL - Python? JavaScript!

파이썬이랑 자바스크립트는 비슷한 것 같으면서도 참 다른 언어인것 같다. 앞으로 파이썬에는 없던 개념이나 파이썬과는 좀 다른 것을 조금씩 정리해 보려고 한다. 리스트 병합 : Array.prototype.concat() 파이썬에서는 두 리스트를 병합할 때 +만으로 서

2020년 8월 4일
·
0개의 댓글