# frontend
백엔드와 프론트엔드의 엑셀 출력차이(Java & Vue)
백엔드는 Java를 사용하고, 프론트는 Vue를 사용하는 환경에서 엑셀 입출력은 어떻게 처리하는게 효율적일까? 고민이되어 스스로 비교하고 정리하여 작성하는 글.웹개발을 해본 개발자로써 기본적인 상식은, 비즈니스 로직은 백엔드에서 최대한 처리를 한다라고 인식을 갖고 있었
[FE] Redux-saga vs RTK Middleware
Despite its simplicity, thunks have limitations. One of the most cited limitations is the inability to run code in response to dispatched actions or s
[FE] Redux-Thunk vs Redux-Saga
: 흔히 redux의 비동기 처리 로직 혹은 사이드 이펙트를 처리하기 위한 용도로 redux-thunk나 redux-saga를 많이 사용한다. 이번 포스팅에서는 앞서 말한 redux와 연관되는 라이브러리가 필요한 이유부터 시작해서 각 라이브러리의 장단점을 가지고 서로를
Frontend 기본 개념 정리
HTML(HyperText Markup Language), CSS(Cascading Style Sheets), 브라우저의 동작(렌더링 과정), ...
[FE-Interview][React]1. React 기초(1)
✍🏻 [FE-Interview][React] | 1. React 기초(1) | React의 기초적인 특성과 부수효과에 대해 정리해 보았다!
타입스크립트 소개
본 포스팅은 "타입스크립트 프로그래밍" 책을 읽고 정리한 내용입니다.타입스크립트 란?타입스크립트는 자바스크립트에 타입 안정성을 더해주는 슈퍼셋 언어입니다. 차세대 웹 앱, 모바일 앱, node, 사물 인터넷 기기를 뒷받침 할 언어이기도 합니다.타입스크립트의 장점개발단계
[FE-Interview][React]0. React 란 무엇인가
✍🏻 [FE-Interview][React] | 0. React 란 무엇인가 | React의 작동 원리와 React의 중요한 특성들을 정리해 보았다!
자바스크립트 자주쓰는 배열 메소드 정리
자주 사용하는 자바스크립트 배열 조작 메소드를 '원본 배열 데이터를 변경하는 메소드' 또는 '새로운 배열을 생성하는 메소드'로 나누어 정리하였습니다.배열 조작에 사용되는 메소드는 Array.prototype의 메소드를 상속받아 사용합니다.배열의 첫 번째 원소를 삭제하고
[FE] Redux를 쓰는 이유
: 본래 React를 쓰면서 'state 끌어올리기'에 부담을 느끼거나, 불필요한 props drilling 등이 이슈가 되면서 전역적인 state 관리법이 필요해졌고, 그에 대한 해답(?)으로 나온 것이 Redux라고 할 수 있다(React + Flux 패턴). 하지
[Vue.js] Angular, React, Vue 비교
Vue는 Angular의 데이터 바인딩 장점과 React의 Virtual DOM 장점을 모두 수용하고 있는 프레임워크이다.
SPA와 CSR은 같을까?
결론은 "NO" SPA, MPA는 페이지를 하나만 쓰는지, 여러개 쓰는지의 차이이고 CSR, SSR은 렌더링을 어디서 하냐의 차이로 비교 대상이 아니다. SPA에서는 첫 페이지만 받아오고 이후에 데이터의 수정,조회를 하고 싶기 때문에 CSR이란 방식을 채택한 것이다.
웹 접근성(Accessibility, a11y) 지침 정리
우리나라의 장애인 차별 금지법에도 웹 접근성과 관련된 내용이 작성되어 있다. 이는 의무적으로 지켜야 하며 웹 접근성을 따르는 개발은 장애, 노령화, 여러 기기 환경 등으로 인한 웹 사이트와 도구 사용에 차별받지 않도록 지침을 준수하여 개발하는 것을 의미한다.🤷 특정
HTML 태그와 요소 정리
HTML이 매우 관대하다 할지라도 엄연히 표준이 존재한다. Living Standard 형태로 발전되는 HTML에 개발자는 계속해서 표준에 관심을 갖고 어떤 부분이 변화하는지 지켜보아야 한다.HTML의 요소 3가지ContentStart TagEnd TagVoid 요소E