profile
에러 타파!
post-thumbnail

js 데이터 타입

데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터의 종류를 말하는데, 자바스크립트의 모든 값은 데이터 타입을 갖는다. js는 7가지의 데이터 타입이 있다. 또한 데이터 타입을 크게 원시 타입과 객체 타입으로 구분할 수 있다.

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

TypeScript 2

타입스크립트 코드에서 어떤 변수 또는 값의 타입을 표기하기 위해 타입 표기를 사용한다. 식별자 또는 값 뒤에 콜론 :을 붙여 value: type의 형태로 표기한다. 타입스크립트는 일반 변수, 매개 변수(파라미터), 객체 속성 등에 타입을 지정할 수 있다.

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

TypeScript 1

타입스크립트 TypeScript .ts 확장자를 가진 파일로 작성하하고, 타입스크립트 컴파일러를 통해 자바스크립트 파일로 컴파일하여 사용한다. 타입스크립트 란 정적 타입 시스템 타입스크립트가 자바스크립트의 상위호환인 이유 > 함수의 인자나 리턴값 등이 만족해야

2020년 8월 15일
·
3개의 댓글
post-thumbnail

js 변수(var)와 호이스팅

값의 위치(주소)를 기억하는 저장소이다. 값의 위치란 값이 위치하고 있는 메모리 상의 주소를 의미한다.즉, 변수란 값이 위치하고 있는 메모리 주소에 접근하기 위해 사람이 이해할 수 있는 언어로 명명한 식별자이다.자바스크립트는 동적 타입 언어이다. 변수의 타입 지정없이

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

js 클로저

함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical environment)과의 조합이다.위의 "함수"란 반환된 내부함수를 의미한다. "그 함수가 선언됐을 때의 렉시컬 환경"은 내부 함수가 선언됐을 때의 스코프를 의미한다.즉, 클로저는 반환된 내부함수가 자신이 선

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

js 이벤트루프

스레드란 프로세스 내 실행 단위이다. 하나일 경우 싱글 스레드, 두 개 이상일 경우 멀티 스레드라고 한다.자바스크립트의 메인 쓰레드인 이벤트 루프가 싱글 쓰레드이기 때문에 자바스크립트를 싱글스레드 기반 언어라고 한다.하나의 메인스레드(이벤트 루프)와 하나의 콜스택을 갖

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

Media queries(미디어쿼리)

미디어 쿼리 반응형 웹을 만들기 위한 방법 중에 미디어 쿼리를 사용하는 것이 있다. 미디어 쿼리는 화면(screen), 티비(tv), 프린터(print) 같은 미디어 타입(media type)과, 하나 이상의 표현식으로 구성된다. 표현식은 width, height,

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

useReducer

React Hooks에서 상태를 업데이트 할 때에는 useState을 사용해서 새로운 상태를 설정했다. 상태를 관리할 때 useState 말고도 다른 방법이 있다. 바로 useReducer를 사용하는 것!!!! 이 Hook 함수를 사용하면 > 컴포넌트의 '상태 업데

2020년 7월 19일
·
0개의 댓글

CSS 가상요소 ::after ::before

가상클래스는 별도의 class를 지정하지 않아도 지정한 것처럼 요소를 선택할 수 있다. 가상요소는 가상클래스처럼 선택자(selector)에 추가되며, 존재하지 않는 요소를 존재하는 것처럼 부여하여 문서의 특정 부분 선택이 가능하다.:first-child(가상클래스) -

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

데이터 베이스 DB

데이터 베이스란, 검색해서 여러 정의들과 나름의 표현들을 찾아 보았다. >데이터를 구조화하고, 그 구조화된 것을 통해서 데이터를 쉽게 관리하도록 하는 것, 즉 데이터의 저장소 이다. > 특정 조직의 업무를 수행하는 데 필요한 상호 관련된 데이터들의 모임이다. 데

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

오픈소스

오픈소스 소프트웨어(Open Source Software, OSS)로, 무상으로 공개된 소스코드 또는 소프트웨어를 뜻한다.오픈소스 소프트웨어는 공개적으로 액세스할 수 있게 설계 되어 누구나 자유롭게 확인, 수정, 배포할 수 있는 코드다.단일 작성자 또는 기업이 아닌 커

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

vs code에서 코드 비교하기

협업할 때 github을 많이 쓴다.그리고 여러사람이 코드를 수정할 때가 있다.또한 수정한 코드를 마스터에 바로 푸쉬하는 경우만 있는 게 아니고, 비교를 위해 다른 branch에 따서 저장할 때도 있다.남이 브랜치를 따서 올린다면 그것을 내 코드와 비교하기 위해 마스터

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

js 비동기 처리

동기, 비동기 동기, 비동기에 대해서 간단히 정리하자면, 동기는 한 코드가 요청하고 결과를 가져오면 다음 코드로 넘어가는 것, 비동기는 요청하고 결과를 기다리지 않고 다음 코드로 넘어가는 것이다. > 특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저

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

Material-ui : breakpoint

Material-ui에는 화면 크기에 따라 Breakpoint가 있다.xs | sm | md | lg | xlxs (extra-small) : 0px ~ 600pxsm (small) : 600px ~ 960pxmd (medium): 960px ~ 1280pxlg (la

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

axios

기존에 fetch를 써서 작업했었는데 axios로 바꿔보려고 한다!!axios는 node.js와 브라우저를 위한 http통신 javascript 라이브러리다.Fetch와 달리 크로스 브라우징에 최적화되어있다.브라우저에선 XMLHttpRequests을 nodejs에선 h

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

Material-ui hidden

material-ui 의 hidden up과 down이 있다. 페이지의 width가 길어지면(up) 사라진다. 반대로 width가 짧아지면 (down) 사라진다. 내가 web에서는 사이드바 메뉴가 보이지만 mobile 길이로 줄어든다면 사이드바 메뉴가 안보이게

2020년 5월 31일
·
0개의 댓글

react Router

주소창에 주소를 치면 다른 페이지로 넘어갈 수 있다. 어떻게 구현할 수 있을까? react에서 Router를 이용하면 된다. a태그로 이동하면 안되는 이유 > 이동 시 페이지의 모든 게 초기화되기 때문!! 참고로 리액트 import순서 중요하다. > 리액트 패키

2020년 5월 17일
·
0개의 댓글

함수형 컴포넌트와 Hook의 useState

Hook은 class와 state을 Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해준다. 함수형 컴포넌트 함수형 컴포넌트는 class가 아닌 function을 쓴다. class가 없어지면서 라이프사이클도 없어진다. s

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

스크롤 이벤트-이미지height 변경

스크롤 이벤트 스크롤에 따라 이미지가 바뀌는 이벤트 ![](https://images.velog.io/images/wjdym/post/18c19a46-c36c-4fbd-aa4f-178eadd27a6b/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3

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

styled Components

처음 배울 때 이건 왜 이러지? 보다는 이렇게 하는구나 라고 생각하면 받아들이기 쉽다.스타일 컴포넌트도 그렇다.스타일 컴포넌트 형식은const 스타일컴포넌트명 = styled.태그명 'color: red; padding: 20px;';벨로그라서 \`\`을 치면 눈

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