Mac M1 git set

🍺 HomebrewMac에서 많은 도구 / 프로그램을 설치할 때 굉장히 많이 사용되는 패키지 관리 프로그램이다.📜 homebrew_m1.sh 파일 내용🛠️ 프로그램 설치 / 삭제칩셋이 다른 M1 macbook 같은 경우 Cannot install under Ros

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

Mobx

MobX는 전역 상태 관리 라이브러리다. 모든 상태변화를 일어나는 부분을 자동 추적해주는 역할을 한다. Redux와 주로 비교 되고는 한다.React에 종속적인 라이브러리가 아님아키텍처나 상태 컨테이너가 아닌 라이브러리redux와 다르게 store에 제한이 없음또한 r

2021년 7월 25일
·
0개의 댓글

Hoisting & TDZ

부끄럽게도 지금까지 필자는 let과 const는 호이스팅이 되지 않는다고 생각하고 있었다. 면접을 통하여 알게되었으며, 면접을 보고 정말 자극을 받았고 좋은 피드백이었다.함수 안에 있는 선언들을 모두 끌어 올려서 해당 함수 유효 스코프의 최상단에 선언 하는 것을 말합니

2021년 7월 4일
·
0개의 댓글

[ES6]제너레이터(generator) & 이터레이션

필자는 리덕스 사가를 적용하려고 제네레이터를 공부하게 되었습니다.~!\~~제너레이터(Generator) 함수는 이터러블을 생성하는 함수이다.제너레이터 함수를 사용하면 이터레이션 프로토콜을 준수해 이터러블을 생성하는 방식보다 간편하게 이터러블을 구현할 수 있다. 또한 제

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

redux

Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다.상태를 효율적으로 관리할 수 있게 도와주는 도구Redux는 여러분이 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와줍니다.Redu

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

웹 표준 & 웹 접근성

어떠한 운영체제나 브라우저를 사용하여도 동일한 콘텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙. - 동일 콘텐츠 모든 플랫폼에서 동등한 수준의 정보에 접근이 가능해야함지키면 좋은 점 - 브라우저와 os에 관계없이 하나의 코드로 모든 플랫폼에 대응이

2021년 6월 24일
·
0개의 댓글

# Promise

Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise프로미스가 생성

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

# [React]LifeCycle API

componentWillMount, componentWillReceiveProps, componentWillUpdate 17부터 사용불가componentWillReceiveProps => getDerivedStateFromPropscomponentWillUpdate 

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

[javascript]Prototype

Prototype 많은 글들이 protype을 설명할 때 class의 상속을 섞어서 설명한다 > prototype != 상속 자바스크립트에서 복사를 통한 상속은 없다. > prototype은 클래스, 객체의 내용 복사 없이도 상속을 구현할 수 있게 해주는 방법이다.

2021년 6월 2일
·
0개의 댓글

React-Router-Dom

라우팅이란? 네트워크상에서 주소를 이용, 목적지까지 경로를 체계적으로 결정하는 경로선택 과정리액트 라우터는 리액트의 화면 전환을 도와주는 역할을 한다. 일반적인 웹에서 a태그를 이용해 다른 페이지로 이동했었다. 리액트에서는 React-Router 를 통해 Link 태그

2021년 5월 28일
·
0개의 댓글

# [Next.js] redux ,redux-saga 적용

6버전 이상 ~ ! 리액트에서는 단 하나의 리덕스 스토어만 존재한다.하지만, Next를 사용하는 순간 리덕스 스토어가 여러개가 될 수 있다. Next.js는 유저가 요청할때마다 redux store를 새로 생성한다. Next.js가 제공하는 getInitialProps

2021년 5월 20일
·
0개의 댓글

[Axios] delete 요청 시 body에 데이터 넣기

axios를 이용하여 서버와 프론트에서 데이터를 주고 받는데 get이나 put을 이용하면 body로 request를 받아올수 있다 delete는 못받온다?? 왜일까 검색을 해보았지만 답을 찾지 못했지만 해결방안을 알았다. ㅠㅠ delete 두 번째 인자에 data

2021년 5월 20일
·
0개의 댓글

[Next.js] - Styled-Components 스타일 적용 전에 렌더되는 에러

먼스타일이 지정된 구성 요소 babel 플러그인을 개발 종속성으로 설치한다.npm i -D babel-plugin-styled-components그런 다음 .babelrc프로젝트의 루트에 파일을 만듭니다 .바벨 설정 출처\[https://styled-compo

2021년 5월 19일
·
0개의 댓글

[Next.js]공용 컴포넌트 만들기

처음에는 블로그 방식에 맞춰서 하였다. 생각을 해보니 다양한 페이지가 생기고 이벤트 페이지 등등이 생기면 저기에다가 조건처리를 다해줘야하나 생각이 들어서 공통레이아웃을 쓰는 페이지만 레이아웃 컴포넌트로 감싸기로 하였다.. 이것또한 또 번거로움이 생기지않을까 ..?출처

2021년 5월 19일
·
0개의 댓글

# Next.js

next.js란 ? https://nextjs.org/ React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크이다. SSR의 단점 : 불필요한 부분까지 렌더링이 한다. CSR의 단점 : 초기 진입 속도가 느

2021년 5월 19일
·
0개의 댓글

# CSR vs SSR

브라우저 ↔️ 프론트서버(SPA React) /브라우저 → 백엔드 서버 ↔️ 데이터 베이스 html 다운로드 → js 다운로드 → js 실행 → 서버에서 api 호출 → api결과 데이터 바인딩 → 화면 렌더링 Client Side Rendering 약자로 자바스

2021년 5월 19일
·
0개의 댓글
post-thumbnail

State, Props

컴포넌트 안에서 우리가 정의한 컴포넌트의 state 오브젝트 입니다.컴포넌트 UI를 위한 데이터를 보관하는 오브젝트로, 이 state라는 오브젝트를 통해서 데이터에 업데이트가 발생하면 리액트가 자동적으로 우리가 구현한 render 함수를 호출하죠. 컴포넌트 밖에서 주어

2021년 5월 19일
·
0개의 댓글

Icon-font 적용기

회사에서 이전에는 http 호출횟수, 페이지 첫 로딩속도 등으로 인하여 Image Sprite기법을 사용하고 있었다. 디스플레이 레티나, 높은 해상도 들을 지원하기 위해 2배 압축을 하여 적용하고 있었다 하지만 스마트 폰의 활성화와 다양한 DPI를 제공하는 기기들이

2021년 5월 16일
·
0개의 댓글

useCallback

useCallback - React Hooks: 메모이제이션 훅, 함수로 인한 렌더링 성능을 최적화하는 용도로 사용됩니다함수를 캐싱(또는 메모이제이션)할 때 사용하는 훅입니다.메모이제이션이란 계산된 값을 자료구조에 저장하고 이후 같은 계산을 반복하지 않고 자료구조에서

2021년 5월 16일
·
0개의 댓글

이미지 스프라이트 기법

이미지 스프라이트장점 :새롭게 로딩되는 경우의 깜박임 현상 없으며, 이미지는 실제로 사용되기 전 까지는 렌더링되지 않습니다. 이런 이유로 마우스오버시에만 나타나는 이미지 등은 새롭게 로딩되면서 깜박일 수 있죠. 이미지 스프라이트는 미리 모두 로드하기 때문에 이런 현상

2021년 5월 14일
·
0개의 댓글