profile
Think Big Aim High Act Now
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개의 댓글