profile
프론트엔드 공부
post-thumbnail

React - redux

상태의 어떤 변화가 필요할 때 액션을 발생시킨다. 하나의 객체로 표현되고 다음과 같은 형식으로 구성되어있다.액션 객체는 type을 필수적으로 가져야한다. 그 외의 값은 자율적으로 넣어 줄 수 있다.액션을 만드는 함수이다. 파라미터를 받아와서 액션 객체로 만들어준다.액션

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

Hooks API Reference(2)

useState의 대체 함수, 컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리할 수 있다. 상태 업데이트 로직을 컴포넌트 바깥으로 빼거나 다른 파일에 작성해 불러와서 사용 가능하다.이런식으로 useState를 useReducer로 변경이 가능하다.useState, u

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

Hooks API Reference

상태 유지 값 (state) , state를 갱신하는 함수 (setState)를 반환한다.최초 렌더링에서 state => initialStatesetState는 state를 갱신할 때 사용하며 새로운 state 값을 받아 컴포넌트 리렌더링을 큐에 등록한다.이전 stat

2020년 3월 24일
·
0개의 댓글
post-thumbnail

JSON

JSON이란 다른 프로그래밍 언어와의 데이터 송수신을 위한 자바스크립트 객체를 문자열로 표현하는 데이터 포맷이다.이러한 객체 리터럴을 JSON 데이터로 변형하면 아래와 같다.JSON.stringify는 인수로 받은 객체를 JSON 문자열로 바꿔서 반환해 준다.첫 번째

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

Mixin

믹스인이란 특정 객체에 다른 객체가 가지고 있는 프로퍼티를 붙여 넣어 '뒤섞는' 기법을 말한다.상속을 사용하지 않고 특정 객체의 프로퍼티를 동적으로 다른 객체에 추가한다.mixin 함수의 첫 번째 인수가 타깃 객체이며 두 번째 인수가 프로퍼티를 제공하는 원본 객체이다.

2020년 3월 20일
·
0개의 댓글
post-thumbnail

객체 잠그기

객체의 확장 가능 속성 (extensible)속성은 객체에 새로운 프로퍼티를 추가할 수 있는지 결정한다.true => 추가 가능. false => 추가 불가능.Object.preventExtensions 메서드를 이용해 객체의 확장을 방지한다. 번복이 불가하다.Obje

2020년 3월 20일
·
0개의 댓글
post-thumbnail

Tagged Template Literal

ES6가 많이 사용되며 템플릿 문자열은 많이 쓰고있다. 하지만 태그가 붙어있는 템플릿 리터럴은 거의 사용해보지 않았을 것이다. 단, styled-components를 사용해 봤다면 자기도 모르게 사용해 봤을 것이다.위 코드에서 h1은 태그가 아니라 메서드이다. 보통 태

2020년 3월 18일
·
0개의 댓글
post-thumbnail

Sass 시작하기

시작하기 앞서 모든 내용은 Sass 공식 가이드라인을 참고하여 작성했습니다.개인적인 정리이니 오타, 생략한 내용이 있습니다.정확한 정보를 위해 공식 가이드라인을 보시는 것을 추천드립니다. 🤗사스는 기초 언어에 힘과 우아함을 더해주는 css의 확장이다.Sass의 궁극적

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

프로퍼티의 속성

프로퍼티에 속성을 설정하면 사용자가 내장 객체와 유사하게 동작하는 객체를 정의할 수 있다.특히 라이브러리 개발에서 유용하게 사용된다.프로퍼티는 키와 값이 한 쌍을 이룬 것, 그리고 별개로 내부적인 속성을 가지고 있다.ES5기준으로 쓰기가능(writable), 열거 가능

2020년 3월 16일
·
2개의 댓글