post-thumbnail

React - state, props

useState

약 9시간 전
·
0개의 댓글
post-thumbnail

React - CDD 개발도구 styled-components

"styled-components" css 코드를 작성할 때 발생하는 여러가지 어려움을 CSS 컴포넌트화를 통해서 해결하는데 사용되는 라이브러리 설치하기 : 터미널 입력 - npm install --save styled-components import : 라이브러리를

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

React - useRef

React 애플리케이션 만들 때 DOM 조작은 지양해야 하지만,DOM을 건드려야하는 상황이 발생하는데 이 때 사용하는 Hook 함수useRef로 DOM노드, 엘리먼트, React 컴포넌트 주소값을 참조할 수 있음이 주소값은 컴포넌트가 re-render 되더라도 바뀌지

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

프로그래머스 Lv. 1 2019 KAKAO 실패율

반복문을 돌면서 각 스테이지에 몇 명이 통과했는지 체크arr : 해당 스테이지 이전 스테이지를 플레이하고 있는 사람dropout : 해당 스테이지에 아직 도달 못한 사람을 제외하기 위한 변수curStage : 해당 스테이지를 클리어한 사람result : (arr - d

2022년 6월 28일
·
0개의 댓글

Udemy JS 자료구조 & 알고리즘 - Big O

Big O 표기법 알고리즘의 시간복잡도를 표기하는 방법 Big o 표기법의 필요성 문제를 해결할 때 여러 방법이 있는데 여러가지 코드를 일반적으로 서로 비교하고 성능을 평가하기 위해 필요하다 코드 시간 재기 내장 함수 performance.now(); 함수를 실행하

2022년 6월 27일
·
0개의 댓글

제이콥 닐슨 사용성 평가 기준

https://www.nngroup.com/articles/ten-usability-heuristics/합리적인 시간 내에 적절한 피드백을 통해 사용자에게 진행 상황에 대한 정보를 제공ex) 파일을 첨부할 때 파일이 업로딩 되는 상황내부 전문용어가 아닌 사용자

2022년 6월 27일
·
0개의 댓글

User Flow

사용자가 제품에 진입한 시점을 시작으로 취할 수 있는 모든 행동이미지처럼 다이어그램으로 그려서 정리User flow 다이어그램을 그리면서 사용자 흐름을 빈틈 없이, 보다 편리하게 다듬어 나가는 과정을 거치면UX를 개선할 수 있고, 좋은 UX를 위해서는 기획 단계에서 한

2022년 6월 27일
·
0개의 댓글

UI 레이아웃

그리드 시스템 (Grid System) https://material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins grid : 수직, 수평으로 분할된 격자무늬 화면을 격자도 나눈 다음

2022년 6월 27일
·
0개의 댓글

UI 디자인 패턴

모달 (Modal) 기존에 이용하던 화면 위에 오버레이 되는 창 닫기 버튼, 모달 범위 밖을 클릭하면 모달이 닫히는 것이 일반적 모달을 닫기 전에는 기존 화면과 상호작용할 수 없음 또 다른 브라우저 페이지를 여는 팝업창과는 구분되는 개념 팝업은 브라우저에 의해 강제로

2022년 6월 26일
·
0개의 댓글

UX / UI

User Interface사람들이 컴퓨터와 상호작용하는 시스템화면상 그래픽 요소 외 마우스, 키보드와 같은 물리적 요소도 컴퓨터와 상호 작용하기 위한 UI요즘에는 스마트폰과 컴퓨터뿐만 아니라 스마트워치, 키오스크, 터치스크린 등화면과 상호 작용을 통해 사용하는 기기들을

2022년 6월 26일
·
0개의 댓글
post-thumbnail

JSON

JSON

2022년 6월 23일
·
0개의 댓글

Udemy 자료구조 & 알고리즘 - 재귀

자기 자신을 호출하는 함수로문제를 더 이상 작게 쪼갤 수 없는 단위로 쪼갠 다음에제일 작은 문제부터 쪼개기 전의 문제까지 차례대로 해결할 때 사용됨언제 주로 사용되는지?주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우중첩된 반복문이 많거나 중첩 횟수를 예

2022년 6월 23일
·
0개의 댓글
post-thumbnail

node.js express 미들웨어, req, res

express 설치 Express express 공식문서 API https://expressjs.com/ko/api.html 미들웨어 서버 : 요청 응답 req (request 요청) res (response 응답)

2022년 6월 20일
·
0개의 댓글
post-thumbnail

Node.js CORS, SOP

Same-Origin Policy - 동일 출처 정책 '같은 출처의 리소스만 공유가능하다' https://www.codestates.com vs http://www.codestates.comhttps vs http 프로토콜이 다르기 때문에 동일

2022년 6월 16일
·
0개의 댓글
post-thumbnail

React props, event (생활코딩 2022 개정판 )

⚠️ Props는 읽기 전용이므로 어떤 방식으로든 수정 x➡️ props는 객체 지금 Header 컴포넌트의 props에는 key 값으로 title, value 값으로 REACT인 속성이 들어있음즉 props.title === 'React'➡️Headers 컴포넌트에

2022년 6월 15일
·
0개의 댓글

네트워크 HTTP, REST API

0️⃣ HTTP Requests method (CURD) GET (READ) POST (CREATE) PUT (UPDATE) PATCH (UPDATE) DELETE (DELETE) OPTIONS Responses 200 성공 300 리다이렉션 400 클라이언트

2022년 6월 15일
·
0개의 댓글
post-thumbnail

프로그래머스 Lv. 1 문자열 내 마음대로 정렬하기 - sort 메서드, 버블정렬

문제 풀이 해설 Array.prototype.sort() 아무런 조건이 없으면 사전순으로 오름차순 정렬합니다 다른 풀이 sort 메소드 사용하지않고 버블정렬을 이용해서 풀어봤습니다 해설

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

프로그래머스 Lv.1 같은 숫자는 싫어

i번째 인덱스와 i + 1번째 인덱스를 비교해서다를 경우에만 arr\[i] 를 result에 push합니다즉, 현재 인덱스와 다음 인덱스가 다를 경우에만 반영합니다

2022년 6월 11일
·
0개의 댓글