React - 기본환경, CSS / Spring - aop,

두부링·2025년 3월 11일

Spring

목록 보기
17/24

React

  • webpack 이 구성되면서 react 개발 환경이 구성된다.
  • vs code terminal 에서 npm start로 실행 가능
  • package.json = pop.xml 과 비슷하게 사용하는 라이브러리를 보여준다.
  • node_modules 에는 설치되어있는 찐라이브러리가 존재한다. 그렇다면 다른 로컬에서는 받고 npm install 을 진행해야 한다.
  • public은 클라이언트에게 응답하는 내용이 담겨져 있다.
  • node.js 서버가 해석해서 응답한다.
  • React 를 실행하면 시작점은 index.js 시작하고 App.js를 갖고온다.
    <실제 목록 사진>

    index.js가 App.js 를 도구로 갖고 시작하고 그걸 index.html 의 root 요소 안에 넣어준다.

웹브라우저를 살펴보면 index.html에 ...

  • bundel.js 에는 src 에 작성된 자바스크립트가 응축되어 있다.
  • 그걸 웹브라우저가 해석해서 컨텐츠를 만들어 준다.

React 의 css = object

node.js 와 React 의 관계성

  • node.js 를 설치하면 자바스크립트로 서버를 돌릴 수가 있다. 그렇기에 React 에서 서버를 실행할 수 있게 된다.

Spring

글 작성자, 접속자 에러 (aop)

  • update~, delete~ 의 모든 메서드 적용
  • 글 작성자와 로그인 사용자가 다르면 삭제를 막아주는 작업
  • 메인메소드와 떨어진 패턴의 작업은 Aop를 이용해서 작업의 효율성을 올려주자.

자료실

  • spring 07 에 files 테이블 생성
  • post 와 비슷하지만 자세히 보기만 없음
  • 로그인 안해도 다운, 조회 가능

Tabbed Postman (구글)

  • 설치 방법
  • post 방식 설정
  • 재미나이에게 물어보기

보안

  1. dto, dao 한번 정리하기
profile
하이하잉

0개의 댓글