어제 아침 9시부터 계속 Axios 에러가 떠서 이것저것 코드를 정말 많이 고쳤다.그런데~~~ 백 분들이랑 이야기하다가, 내가 Lombok 플러그인을 설치하지 않았다는 것을 알게 되었다. 헉.. 설치하니까 바로 잘 된다. "저희가 코드에 Lombok을 범벅해놔서요, 그래서 잘 안됐나봐요"라고 말해주셨다.역시 소통이 중요하구나 느끼게 되었습니다.  1. 롬복 플러그인 설치 - Setting > Plugins - Marketplace 탭에서 Lombok을 검색하여 플러그인 설치  2.  플러그인 설치 - Setting > Plugins - Marketplace 탭에서 Lombok을 검색하여 플러그인 설치

1. 나의 스튜디오 번호 조회   2. DB에 자료 저장하기 Body에 form-data 형식으로 보내기 3. Send 버튼을 누르면, 성공 글이 뜬다  4. 완성된 데이터 조회해보기

1. 백 서버 켜기  2. 포스트맨 켜서 들어가기 3. 토큰 값 확인 및 복사  4. Headers 또는 Authorization에 토큰 넣기  5. Get을 사용해서 조회 가능 API 명세서 캐릭터 목록 조회GET http://localhost:8080/api /studios/{studio_id}/characters   http://localhost:8080/api/studios/1/characters 캐릭터 생성POST http://localhost:8080/api/studios/{studio_id}/characters   http://localhost:8080/api/studios/1/characters 캐릭터 삭제 DELETE http://localhost:8080/api/studios/{stud..

리액트는 컴포넌트 기반의 구조 모든 페이지가 컴포넌트로 구성되어 있다 하나의 컴포넌트는 또 다른 여러 개의 컴포넌트의 조합으로 구성되어 있음  그리고 마치 레고 블록을 조립하는 것처럼, 이러한 컴포넌트들을 끼워 맞춰서 새로운 컴포넌트를 만들 수 있다.  하나의 컴포넌트를 반복적으로 사용함으로써, 전체 코드의 양을 줄일 수 있다 자연스레 개발시간과 유지보수 비용을 줄일 수 있다

▶ root라는 id를 가진 div 태그모든 react 앱에 들어가는 아주 중요한 코드  div에 있는 모든 것이 리액트 돔에 의해서 관리된다   ▶ 렌더링 된 Elements 업데이트하기 틱 함수가 실행될 때마다 새로운 element를 생성해서 바꿔준다 (불변성 때문)

▶ React Elements 란 ? 리액트를 구성하는 성분리액트 앱을 구성하는 가장 작은 블록들 화면에 나타나는 내용을 기술하는 자바스크립트 객체  리액트에서 기술한 대로, 실제로 우리가 화면에서 보는 DOM elements가 만들어진다  ▶ Elements의 생김새 리액트 Elements는 자바스크립트 객체의 형태로 존재한다 컴포넌트 유형, 속성, 내부 모든 자식에 대한 정보를 포함하고 있는 일반적인 자바스크립트 객체 마음대로 변경할 수 없는 불변성을 가지고 있음 (한번 생성되면 바꿀 수 없음)   ▶ React Element의 특징 => 불변성 (immutable)elements는 다양한 모양으로 존재할 수 있지만,한번 생성된 element는 변하지 않는다 Elements 생성 후에는 childre..