# frontend
webpack tsx 파일이 안됩니다
loader 부분을 잘 작성해야 오류가 안났다.특히 ts-loader을 빼고 babel-loader로 tsx파일 번들을 넘겼더니 오류가 안났다.
Part 1-3. 무작정 시작하기
`` 문서의 HTML 버전을 지정(현재 표준 HTML5) DOCTYPE(DTD)은 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도 `` 문서의 전체 범위 HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 브라우저에게 알려주는 역할 `` 문서의 정보를 나타내는 범위 웹...
Part 1-1. 개요
프론트엔드 개발 HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호작용할 수 있도록 하는 것 HTML(Hyper Text Markup Language) 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 CSS (Cascading Style Sheets) 실제 화면에 표시되는 방...
JSP 팀 프로젝트 - 위드필(영양제 추천 사이트)
2022년 10월 27일 - 2022년 11월 17일(총 22일)코로나 19와 건강 관련한 관심 증가로 한국인 45%가 영양제를 챙겨먹고 있다고 합니다. 이또한 증가하는 추세라고해요. 이로 인해 저희 팀은 나에게 필요하고 맞는 영양소가 무엇인지 맞춤으로 알려주는 사이트
알다가도 모를 React
기존의 php blade 문법으로 이루어진 코드를 현재 React(이하 리액트)로 바꾸는 작업을 하면서어느 정도 1/4 (그 중 한 가지는 거의 손 댈 것이 없음)을 끝내가는 시점에서 나름 좋은 의미로 하나씩 배우고 있다는 생각이 들었다.데이터를 가지고 와서 뿌려주는
SSR은 풀스택이 아니다 개정판
내가 예전에 썼던 SSR은 풀스택이 아니다를 아예 갈아엎고 다시 쓴 판이라 보면 된다. 그때당시엔 맨탈 나간 상태로 썼기 때문에 어수선해서 정리 좀 해봤다. 어때 나 잘했찌? 찡긋.
서버 배포 시 Proxy가 안먹힘
https://stackoverflow.com/questions/45911067/create-react-app-proxy-in-production-buildhttps://velog.io/@ezae/React-build%EB%B0%B0%ED%8F%AC-
MVC Pattern
어디선가 계속 주워들어왔던 MVC mvc 패턴을 처음 들어본 것은 시기도 가물가물한 몇년전, 우연히 좋은 기회로 알게 된 학교의 선배가 말씀하신 "스프링 배워놔라!"라는 말을 듣고 공부하기 시작해본 때였다. 물론 스프링은 그 뒤로 꾸준히 하지 않았고 거의 기초적인 부
React 기본구조 뜯어보기 2
css는 디자인 적인 부분이니 차치하고, 핵심 기능 역할을 수행하는 js를 위주로 살피자.상기 작성한 function App()을 내보낸다.비슷하게, 다른 컴포넌트들도 import 임포트할 파일을 이 파일에서 사용할 이름 from "임포트할 파일 경로"; 으로 접근 가
React 기본 구조 뜯어보기
우리는 npx create-react-app 프로젝트 명 이라는 CLI명령어로 프로젝트 명 이라는 리액트 프로젝트를 생성하고 cd 프로젝트 명 으로 해당 프로젝트 폴더로 이동한 뒤 npm start 로 localhost:3000 서버에 우리의 프로젝트 명 리액트 프로젝
[React 기초 다지기] useMemo와 useCallback을 통한 최적화
- useMemo와 useCallback의 역할 - useMemo를 사용하여 연산값 재사용하기 - useCallback을 사용하여 함수 재사용하기
[Front-End] 복잡한 styled-components 구조 개선해보기
styled-components 를 주요 스타일링 기술로 사용하지만 구조를 깔끔하게 하고 효율적으로 작성할 줄 모릅니다. 그래서 페이지 하나에 절반이 스타일 관련 코드인 경
그래서 React가 뭔데?
DOM 을 직접 건드리면서 작업을 하면 코드가 난잡해지기 쉬움리액트는 어떠한 상태가 바뀌었을때, 처음부터 모든걸 새로 만들어서 보여주자는 아이디어에서 시작속도와 성능 문제는 Virtual DOM으로 해결Virtual DOM은 메모리에 가상으로 존재하는 DOM으로 (자바