profile
Think Big Aim High Act Now
post-thumbnail

타입 잘 감별하기

첫 번째로 제일 많이 사용하는 typeof는 무적이 아니다.

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

var vs const vs let

1. var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언을 허용한다. let,const 는 중복 선언 허용 X (Syntaxerror 발생) 👉🏽 중복허용이 좋지 않은 이유 : 의도치 않게 변수값이 재할당 되어 변경되는 부작용을 발생시킨다. 2. 스코프

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

SHOE-KREAM 메인페이지

메인부분의 케러셀 부분은 1차와 달리 라이브러리 사용이 가능했기에, slick 라이브러리를 통해서 쉽게 구현할 수 있었다. slick 라이브러리를 구현할때 주의해야할 점은 css 부분인데, 처음 slick 라이브러리를 갖다 붙였을땐 화살표가 안보일 수도 있고, 밑에 .

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

2차 프로젝트 SHOE-KREAM

shokreammainPREMIUM BIIDINGS의류 경매 서비스를 제공하는 KREAM을 모티브로 제작하게 된 SUN-KREAM 팀의 프론트엔드 레포지토리 입니다.짧은 프로젝트 기간동안 개발에 집중해야 하므로 디자인/기획 부분만 클론했습니다.개발은 초기 세팅부터 전부

2021년 10월 31일
·
0개의 댓글
·

react hooks

상태 유지 값과 그 값을 갱신하는 함수를 반환합니다. 최초로 렌더링을 하는 동안, 반환된 state(state)는 첫 번째 전달된 인자(initialState)의 값과 같습니다.setState 함수는 state를 갱신할 때 사용합니다. 새 state 값을 받아 컴포넌트

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

getBoundingClientRect() 좌표표시함수

\-요소가 브라우져(winndow) 얼마나 멀리 떨어져 있는지, 크기는 얼마인지 알아낼 수 있음.left:왼쪽에서 요소까지의 거리(X좌표랑 똑같음) / top:위에서 요소까지의 거리 (Y좌표랑 똑같음)button: 브라우저 제일 위에서 요소 맨 밑까지의 거리 / rig

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

1차 프로젝트 [SPAOGAME] -상품상세페이지편

마지막 타겟에만 css 변경하기이 부분에서도 굉장히 많은 고민을 했다.내가 원하는건 마지막에 선택된 target의 border만 찐ㅎㅐ지길 바랬건만..일단 클릭하기만 하면 모든게 찐해지는 마법스~☠️☠️👉🏽 해결방법은?먼저 constructor 로 state에 ac

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

1차 프로젝트 [SPAOGAME] -상품리스트편

페이지네이션과 솔트이 페이지 정렬부분의 원래코드는 백앤드에서 페이지네이션만 받아오고 프론트에서 sort기능을 해주었었다.그런데 이렇게 되면, 리액트 라이프사이클에 의해서1\. componentDidUpdate가 먼저 실행,2\. 사용자가 onClick시, 정렬함수가 실

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

1차 프로젝트 SPAOGAME

imageTrends meet Basic Be Transic! - 스파오(SPAO) 사이트 클론.팀원들 각자의 기술에 익숙해지는 것을 목표로 하여, 페이지 단위로 개발.팀원들 수준별로 적절한 역할 분담과 애자일한 스크럼 방식의 미팅, 그리고 규칙적이고 능동적인 의사소통

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

알고보면 어려운 sort()..

주어진 숫자 배열에서, 0을 배열의 마지막쪽으로 이동시켜주세요.원래 있던 숫자의 순서는 바꾸지 말아주세요.(새로운 배열을 생성해서는 안 됩니다.)Input: 0,1,0,3,12Output: 1,3,12,0,0현생에 치여 코드카타를 멀리하던 중,, 용현님이 이문제 풀었냐

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

조건부 랜더링

프로젝트를 진행하다보면 특정 조건에서만 컴포넌트를 렌더링 해야하는 상황이 발생한다. 컴포넌트 함수 내부에서 특정 값에 따라 선택적으로 렌더링하는 것을 조건부 렌더링(conditional rendering)이라고 한다. 조건부 렌더링을 구현하기 위해서는 삼항 연산자 && 연산자를 사용할 수 있다. 삼항 연산자: 조건의 true / false 에 따라 각기...

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

Instagram main page

처음으로 시작부터 끝까지 모든 코드를 직접 짜본 프로젝트...🥺

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

좋은 객체지향 설계의 5가지 원칙(SOLID)

객체지향 프로그래밍은 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러개의 독립된 단위, 즉 "객체"들의 모임으로 파악하고자 하는 것이다. 각각의 객체는 메서지를 주고받고, 데이터를 처리할 수 있다.(협력)객체 지향 프로그래밍을 유연하고 변경이 용이하게

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

instagram 바닐라 자바스크립트 로그인 로직구현

ID : '@'가 포함되어 있어야 한다.PW : 5글자 이상이어야 한다.요구 사항 충족 시, 로그인 버튼 활성화 및 색상 변경.

2021년 9월 19일
·
2개의 댓글
·
post-thumbnail

[문제풀이]4가지 풀이로 알아본 숫자 뒤집기(음수포함)

reverse 함수에 정수인 숫자를 인자로 받습니다. 그 숫자를 뒤집어서 return해주세요.

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

HTTP- URI? URL? URN?

URI? URL? URN?

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

flex 사용기..(개념정리~ 적용까지)

너~무 어렵지만 정리해두면 할만한 css flex 적용기

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

틀린 코드로 알아보는 getElementById vs getElementsByClass

오늘의 문제 처음 내가 푼 풀이 html js 분명 값은 잘 들어오는데.

2021년 9월 5일
·
4개의 댓글
·
post-thumbnail

html <img> vs css<background-image> 언제 써야 하는가? (feat.Semantic Tag )

Semantic Web & Semantic Tag > 먼저, Semantic이란 사전 그대로 "의미를 가진"이란 뜻을 갖고있다. 따라서 Semantic Tag는 의미를 가진 태그다. 그렇다면 어떻게 의미를 가진다는 걸까?

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