Icon-font 적용기

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

어제
·
0개의 댓글

useCallback

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

어제
·
0개의 댓글

이미지 스프라이트 기법

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

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

This

함수 호출 방식에 의해 결정됨.자바스크립트 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에 argument 객체와 this를 암묵적으로 전달받음.호출방식에 의해 this에 바인딩할 객체가 결정된다.함수가 선언될 떄, this에 바인딩할 객체가 정적으로 결정되는 것

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

# 스코프 체인과 클로저

스코프 : 유효범위for() {}, if{}와 같은 구문은 유효 범위가 없음. 함수만이 한 단위가 됨.스코프 체인 : \[scope]프로퍼티로 각 함수 객체 내에서 연결 리스트 형식으로 관리됨새롭게 정의된 스코프는 상위의 스코프에 접근할 수 있다.스코프 체인은 scop

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

210407 ~ 11_TIL / 토큰

modal 작업,login api 호출 후 토큰 받아오기 .... 로그인 삽질 로그인 삽질하면서요청 헤더 Authorization : 인증 토큰을 서버로 보낼 때 쓰이는 헤더Cookie : 쿠기 값 key-value로 표현된다. ex) attr1=value1; attr

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

# 실행 컨텍스트

실행 컨텍스트의 개념실행 가능한 코드를 형상화하고 구분하는 추상적인 개념실행 가능한 자바스크립트 코드 블록이 실행되는 환경실행 컨텍스트가 형성되는 경우전역코드eval 함수로 실행되는 코드함수안의 코드를 실행할 경우현재 실행되는 컨텍스트에서 이 컨텍스트와 관련없는 실행

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

호출스택(Execution Stack)

JavaScript는 단일 쓰레드 프로그래밍 언어이므로, 단일 호출 스택이 있음. 이는 한번에 하나의 일(Task)만 처리할 수 있다는 뜻.출처 -https://www.zerocho.com/category/JavaScript/post/597f34bbb42853

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

210407 ~ 11_TIL

modal 작업,login api 호출 후 토큰 받아오기 .... 로그인 삽질 로그인 삽질하면서요청 헤더 Authorization : 인증 토큰을 서버로 보낼 때 쓰이는 헤더Cookie : 쿠기 값 key-value로 표현된다. ex) attr1=value1; attr

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

210406_TIL / React Router History

PushHome > Item > Item 순으로 history에 쌓여서, 마지막 페이지에서 뒤로가기 버튼을 누르면 Item 페이지로 되돌아간다.ReplaceHome > Item > Item 순으로 history에 쌓여서, 마지막 페이지에서 뒤로가기 버튼을 누르면 Ite

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

210401 ~ 04_TIL

styled-compnents 서버사이드 렌더링https://github.com/vercel/next.js/tree/master/examples/with-styled-components\[https://styled-components.com/docs/

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

210329 ~ 31_TIL / getServerSideProps

모달 딤드 처리 모달이 여러개 일 경우 어떻게 관리하면 좋을 까 ..?프로젝트 방 상세 작업을 위한 동적 라우팅page 폴더안에 detail/id.js query: Object-객체로 구문 분석 된 쿼리 문자열입니다. 페이지에 데이터 가져 오기 요구 사항 이없는 경우

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

210324 ~ 28_ TIL / 프로젝트 홈

프로젝트 홈 인원수 , 상태 표시 프로젝트 만들기 폼 만드는 중 ~ ! firebase 연동 firebase 회원가입파이어 베이스 + redux, redux saga 적용해보려하고하는데 잘안된다 wjr로그인 api 연결redux-saga를 통하여 요청을 보낸다 a

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

210323_ TIL / 프로젝트 홈

프로젝트 홈 상단 바둑판 , 리스트 버튼 필터, 설정 버튼 프로젝트 즐겨찾기 버튼 버튼의 경우 3가지 타입이 있다 - default , hover, activestyled 컴포넌트 active 일경우 처리 방식

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

210322_ TIL

page에 따라 제목 동적 변경프로젝트 방 화면 그리기page 제목 처리 방식 변경

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

210321_ TIL / 사이드메뉴

프로젝트 화면 홈 레이아웃 작업,사이드 메뉴 만들기https://styled-components.com/releasesstyled-components styled-components 란 무엇일까요? styled-coponents 는 자바스크립트의 태그가 지

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

210320_ TIL / 회원가입

회원가입 리듀서 작업회원가입 redux-saga 작업\*\* axios 로 회원가입 데이터를 보냈지만 ... cors에러로 해결 하지 못함 상용님이 원격으로 봐주신다고 합니다.프로젝트 화면 홈,사이드 메뉴 만들기

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

210319_ TIL / saga 이펙트 함수

피로누적과....회사 업무로 인하여 이론 공부로 마무리 ~리덕스 사가 리덕스 사가 사용하는 이유 redux의 함수는 무조건 동기적으로 데이터가 흘러간다.웹은 언제나 비동기로 사용자 경험을 높이는 것이 중요합니다.redux을 사용하면서 redux-saga도 동시에 사용함

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

210317_ TIL / redux

오늘 한 일회원가입 유효성검사액션타입 만들기공부한거redux는 기본적으로 flux 패턴을 따릅니다flux 패턴이란 ? - 데이터 흐름이 단방향으로 전달되는 소프트웨어 개발에서 사용된다.Flux 아키텍처의 가장 큰 특징으로는 '단방향 데이터 흐름(unidirectiona

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

210316_ TIL / next.js, redux

오늘 할일next.js 스토어 설정회원가입 페이지 그리기리덕스 설치가장 사용률이 높은 상태관리 라이브러리이다. 컴포넌트들의 상태 관련 로직들을 다른 파일로 분리시켜서 효율적으로 관리할 수 있고, 컴포넌트끼리 상태를 공유할 때 여러 컴포넌트를 거치지 않고도 손쉽게 상태

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