# front end

141개의 포스트

axios interceptor 적용하기

interceptor를 왜 적용했냐? 답은 바로 귀찮아서!!!!!!!!!!!!!!! 게다가 연구 초창기에 테스트를 위해서 주먹구구 사용하던 코드로 계속 개발을 진행하다 보니 아래와 같은 문제점이 있었음! 1) api 호출할 때마다 비효율적으로 axios 인스턴스를

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

SSR 과 CSR

사용자에게 보여지는 View를 렌더링하는 위치가 서버인지 클라이언트인지에 따라서 서버사이드 렌더링(SSR), 클라이언트사이드 렌더링(CSR)이라고 한다.보통 전통적인 웹 페이지는 MPA(Multi Page Application)에서 SSR을 사용하고, 현대의 자주 쓰이

3일 전
·
0개의 댓글

Front-End 정리

∙ data- :

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

렌더리스 Vue.js 라이프사이클 Hook 컴포넌트

Markus Oberlehner의 <향상된 Vue.js 어플리케이션 아키텍쳐 설계하기>의 세번째 포스팅

4일 전
·
0개의 댓글

[VUE] 🌱우아한 프로젝트 구조 짜기

엔터프라이즈라고 부르기엔 구조가 좀 협소하지 않나?누군가 그렇게 물었고 반년이 지났다.너무너무 신경쓰인다. >협소한 구조&lt; 란 대체 무엇이며 우아한 프로젝트의 구조란 무엇인가?vue cli 로 자동 생성한 프로젝트의 구조를 보면 vue 가 어떤 방식의 구조를 선호

4일 전
·
0개의 댓글

[CSS] 선택자

선택자

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

렌더리스 Vue.js Frame 컴포넌트를 이용한 코드 재사용

Markus Oberlehner의 <향상된 Vue.js 어플리케이션 아키텍쳐 설계하기>의 두번째 포스팅

7일 전
·
0개의 댓글

[HTML, CSS] em과 rem

CSS 반응형 유닛

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

React에서 삼항 조건 연산자 적용하기!

프로젝트 성격상React로 개발한 화면을 모바일에 최적화하기 위해 플랫폼 별로 다른 스타일을 적용해야 할 경우가 생겼다! 오류 발생 최적화 업무 담당 개발자분이 적용하신 후 GIT 에서 PULL을 당겼더니,,, 발생한 오류! 클래스에 boolean값이 적용됐다는

2021년 1월 5일
·
2개의 댓글
post-thumbnail

React Testing Tutorial

What is React Test?

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

Front-End 면접 질문 대비 Part4(SSR, CSR, Execution Context, Iterator, Event Delegation)

오늘도 이어서 시작하겠습니다. SSR vs CSR SSR(Server Side Rendering) 완전하게 만들어진 HTML 파일을 서버로부터 받아오고 이를 웹브라우저에 렌더링합니다. 웹서버에 요청을 할 때마다 브라우저 새로고침이 일어나고 새로운 페이지는 서버에

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

Front-End 면접 질문 대비 Part3 (CORS, http, browser)

아마 프론트 엔드를 개발하시는 분들이라면 한 번씩을 다 CORS에 대해서 보셨을꺼라고 생각합니다. 😫➡️ 여기서 교차 출처란 다른 출처를 의미합니다. 즉 다른 출처로 자원을 요청하면 CORS 오류가 발생하는 것입니다. (하나의 정책)URL을 보면 Protocol, H

2021년 1월 2일
·
1개의 댓글
post-thumbnail

Front-End 면접 질문 대비 Part2 (Promise, Arrow Function, Prototype)

직무 면접 대비 파트 2입니다. ✅ 자바스크립트에서는 대부분의 작업들이 비동기적으로 이루어집니다.=> Promise 패턴을 사용하면 이런 비동기적 처리를 컨트롤하기 쉬워집니다.참고: https&#x3A;//programmingsummaries.tistory.com/32

2021년 1월 2일
·
1개의 댓글
post-thumbnail

Front-End 면접 질문 대비 Part1 (hoisting, closure, this)

이번에 면접 대비를 위해 프론트 엔드 분야에서 알아야 될 내용들을 정리하고자 합니다. ➡️ 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것. 끌어올린다고 생각하면 됩니다.여기서 유효 범위는 함수 블록 {} 안을 뜻합니다.✅ var

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

10가지 예제로 알아보는 react 보안

출처:10 React security best practices fe-news 12 10 React security best practices Default XSS Protection with Data Binding Dangerous URLs Rendering HTML Direct DOM Access Server-side Rendering Detecti...

2020년 12월 22일
·
0개의 댓글
post-thumbnail

snkrs-calendar - 정리글

snkrs-calendar > 스니커즈를 좋아하는 사람이라면 필요할법한 발매 정보(Draws)를 모아서 보여주는 프로젝트입니다. capture Use skill Front react redux redux-saga, typesafe-actions s

2020년 12월 20일
·
0개의 댓글

HTML Emmet 정리

이 외의 다른 Emmet이나 자세한 정보는 https&#x3A;//emmet.io/ 에서 확인할 수 있다.Emmet은 예전에는 Zen Coding이라고 불려졌고 플러그인 형태로 설치를 하여 사용하였지만지금은 대부분의 텍스트 에디터에 기본적으로 탑재되어있다. jsbin.

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

git 명령 취소(되돌리기)

그런 분들을 위한 여러가지 케이스 별로 대응 하는 git명령어 모음!$ git checkout .신규 추가한 파일에 관해서는 삭제되지 않으므로, 완전히 원래대로 되돌리려면 따로 삭제해야 한다.$ git clean -df .$ git reset HEAD .이것만 하면 a

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