# frontend

1947개의 포스트
post-thumbnail

Vue Data Table 구현하기

Vue로 Data Table 구현하기

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

useRef의 정체를 파헤쳐보자

특정 DOM 요소에 접근할 때 씁니다

어제
·
0개의 댓글
·

webpack tsx 파일이 안됩니다

loader 부분을 잘 작성해야 오류가 안났다.특히 ts-loader을 빼고 babel-loader로 tsx파일 번들을 넘겼더니 오류가 안났다.

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

[React 기초 다지기] ContextAPI

- action, dispatch, reducer의 관계 - ContextAPI 사용하기

2일 전
·
0개의 댓글
·

Part 1-3. 무작정 시작하기

`` 문서의 HTML 버전을 지정(현재 표준 HTML5) DOCTYPE(DTD)은 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도 `` 문서의 전체 범위 HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 브라우저에게 알려주는 역할 `` 문서의 정보를 나타내는 범위 웹...

3일 전
·
0개의 댓글
·

Part 1-1. 개요

프론트엔드 개발 HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호작용할 수 있도록 하는 것 HTML(Hyper Text Markup Language) 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 CSS (Cascading Style Sheets) 실제 화면에 표시되는 방...

3일 전
·
0개의 댓글
·

[TIL] XSS, CSRF

XSS, CSRF 관련 내용을 공부해 보았습니다.

3일 전
·
0개의 댓글
·

JSP 팀 프로젝트 - 위드필(영양제 추천 사이트)

2022년 10월 27일 - 2022년 11월 17일(총 22일)코로나 19와 건강 관련한 관심 증가로 한국인 45%가 영양제를 챙겨먹고 있다고 합니다. 이또한 증가하는 추세라고해요. 이로 인해 저희 팀은 나에게 필요하고 맞는 영양소가 무엇인지 맞춤으로 알려주는 사이트

4일 전
·
0개의 댓글
·

알다가도 모를 React

기존의 php blade 문법으로 이루어진 코드를 현재 React(이하 리액트)로 바꾸는 작업을 하면서어느 정도 1/4 (그 중 한 가지는 거의 손 댈 것이 없음)을 끝내가는 시점에서 나름 좋은 의미로 하나씩 배우고 있다는 생각이 들었다.데이터를 가지고 와서 뿌려주는

4일 전
·
0개의 댓글
·

SSR은 풀스택이 아니다 개정판

내가 예전에 썼던 SSR은 풀스택이 아니다를 아예 갈아엎고 다시 쓴 판이라 보면 된다. 그때당시엔 맨탈 나간 상태로 썼기 때문에 어수선해서 정리 좀 해봤다. 어때 나 잘했찌? 찡긋.

4일 전
·
1개의 댓글
·

서버 배포 시 Proxy가 안먹힘

https://stackoverflow.com/questions/45911067/create-react-app-proxy-in-production-buildhttps://velog.io/@ezae/React-build%EB%B0%B0%ED%8F%AC-

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

Spring Boot Swagger 사용법

swagger로 편하게 정리하자

4일 전
·
0개의 댓글
·

MVC Pattern

어디선가 계속 주워들어왔던 MVC mvc 패턴을 처음 들어본 것은 시기도 가물가물한 몇년전, 우연히 좋은 기회로 알게 된 학교의 선배가 말씀하신 "스프링 배워놔라!"라는 말을 듣고 공부하기 시작해본 때였다. 물론 스프링은 그 뒤로 꾸준히 하지 않았고 거의 기초적인 부

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

React 기본구조 뜯어보기 2

css는 디자인 적인 부분이니 차치하고, 핵심 기능 역할을 수행하는 js를 위주로 살피자.상기 작성한 function App()을 내보낸다.비슷하게, 다른 컴포넌트들도 import 임포트할 파일을 이 파일에서 사용할 이름 from "임포트할 파일 경로"; 으로 접근 가

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

React 기본 구조 뜯어보기

우리는 npx create-react-app 프로젝트 명 이라는 CLI명령어로 프로젝트 명 이라는 리액트 프로젝트를 생성하고 cd 프로젝트 명 으로 해당 프로젝트 폴더로 이동한 뒤 npm start 로 localhost:3000 서버에 우리의 프로젝트 명 리액트 프로젝

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

[React 기초 다지기] useMemo와 useCallback을 통한 최적화

- useMemo와 useCallback의 역할 - useMemo를 사용하여 연산값 재사용하기 - useCallback을 사용하여 함수 재사용하기

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

[Front-End] 복잡한 styled-components 구조 개선해보기

styled-components 를 주요 스타일링 기술로 사용하지만 구조를 깔끔하게 하고 효율적으로 작성할 줄 모릅니다. 그래서 페이지 하나에 절반이 스타일 관련 코드인 경

5일 전
·
0개의 댓글
·

그래서 React가 뭔데?

DOM 을 직접 건드리면서 작업을 하면 코드가 난잡해지기 쉬움리액트는 어떠한 상태가 바뀌었을때, 처음부터 모든걸 새로 만들어서 보여주자는 아이디어에서 시작속도와 성능 문제는 Virtual DOM으로 해결Virtual DOM은 메모리에 가상으로 존재하는 DOM으로 (자바

5일 전
·
0개의 댓글
·