Pichu Pokeball
본문 바로가기

분류 전체보기119

 springBoot Group: 프로젝트를 만들고 관리할 단체나 회사 정보(도메인 이름) Package: 프로젝트 생성 시 기본적으로 생성할 패키지 경로 지정(com밑에 바로 불가능/com.boot 상위 불가능) 그룹과 패키지 코드를 수정하면 자동으로 재시작하게 하기위해 Spring Boot DevTools(의존성 관리를 하기 위해) static: 이미지, css,.. 정적인 파일 templates: springBoot에서 권장하는 파일 application.properties에서 오른쪽 클릭 properties Other:UTF-8 pom.xml에서 의존성 관리 org.springframework.boot spring-boot-starter-web 스프링의 핵심 가치: 개발자가 비즈니스 로직 구현에만 집중할 수 있게 하는.. 2023. 8. 17.
spring(의존성 주입(DI)) 스프링 프레임워크의 역사 프레임워크: 뼈대나 근간을 이루는 코드들의 묶음 프레임워크를 이용한다는 의미: 프로그램의 기본흐름이나 구조를 정하고 모든 팀원이 이구조에 자신의 코드를 추가하는 방식으로 개발 장점: 실력이 부족한 개발자라 하더라도 반쯤 완성한 상태에서 필요한 부분을 조립하는 형태의 개발 가능 간단함, 전체 구조를 설계할 때 유용함, 다른 프레임워크들의 포용, 개발 생산성과 개발 도구의 지원 자바 기반의 프레임워크 IoC: 결합도 AOP:응집도 스프링 프레임워크 개발자들에게 컴포넌트 모델을 제공하고, 단순하면서도 일관성 있는API 집합을 제공하여 개발자들이 복잡한 응용프로그램을 설계하는 동안 복잡하고 어려운 기반 코드에 연연하지 않도록 도움을 줌. 특징 경량 컨테이너로서 자바 객체를 직접 관리, .. 2023. 8. 16.
const[변수,함수]=useSate, event.target,...스프레드 연산자, some연산자 const[state(값을 담을 변수), setState(변수값을 바꿔주는 함수)] = useState(초기값); test1파일 const [movies, setMovies] = useState([ {id:1, title:'Movie 1', genre:'Drama', release_date:'2022-01-01'}, {id: 2, title: 'Movie 2', genre:'Action', release_date:'2022-02-01'}, {id: 3, title:'Movie 3', genre:'Comedy', release_date: '2022-03-01'} ]); movies: 값을 담을 변수 setMovies: 변수값을 바꿔주는 함수 [ {id:1, title:'Movie 1', genre:'Dra.. 2023. 8. 16.
라우팅 장점 1. 보기 쉽고 익숙하다. 2. 더욱 높은 활용도 컴포넌트 프로젝트 생성 npm init react-app book-react 라우팅: 경로를 의미하는 Route와 진행을 뜻하는 ing가 합쳐진 단어로, '경로를 지정하는 과정' 의미, 페이지 라우팅은 요청에 따라 적절한 페이지를 반환하는 일련의 과정 리액트 라우터 설치(프로젝트 설정 후0 npm i react-router-dom 실행 방법 npm start 프로젝트에 라우터 적용하기 리액트 라우터가 제공하는 BrowserRouter컴포넌트로 App을 감싼다. import { BrowserRouter } from 'react-router-dom'; root.render( /* */ ); book-react1 경로 설정, route, link to 이.. 2023. 8. 10.
리액트 //반드시 하나의 요소들만 반환하여야한다. div로 감싼다. function App(){ return( 리액트 안녕~!! 프로그래밍 시작합니다. ) } Node.js 설치 index.js는 진입 App.js는 기본 import 구문을 특정 파일을 불러오는 것을 의미. Node.js에서는 import가 아닌 require라는 구문으로 패키지를 불러올 수 있다. 이러한 기능을 브라우저에서도 사용하기 위해 번들러사용 번들러: 웹팩, Parcel, browserify라는 도구 등 리액트 프로젝트에서는 웹팩 사용 번들러를 사용하면 import 또는 require로 모듈을 불러왔을 때 불러온 모듈을 모두 합쳐서 하나의 파일 생성. 최적화 과정에서 여러 개의 파일로 분리 babel - loader는 자바스크립트 파일.. 2023. 8. 3.
소스 트리 오류 git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch --no-tags origin git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks pull --no-commit origin dev From https://github.com/citygray/groupStudy * branch dev -> FETCH_HEAD error: The following untracked working tree files would be overwritten by merge: https://sangnam2.tistory.com/entry/git-pu.. 2023. 8. 3.

티스토리툴바