전체 글

Front-end/React

[React] class 문법으로 컴포넌트 생성

class 문법으로 컴포넌트 생성 class 컴포넌트명 extends React.Component { constructor(){ super() } rendor(){ return ( ) } } 사용은 class 컴포넌트에서 state 만들기 class 컴포넌트명 extends React.Component { constructor(){ super(); this.state = { name : 'park', age : 25 } } rendor(){ return ( {this.state.name} {this.state.age} ) } } constructor(){ }에 state를 생성하고 사용은 {this.state.이름} state 변경 class 클래스명 extends React.Component { con..

Back-end/SpringBoot

[Spring Boot] JPA 기본 사용법

application.properties #port 변경 server.port=8081 #thymleaf cashe false spring.thymeleaf.cache=false #자동 런 spring.devtools.restart.enabled=true spring.devtools.livereload.enabled=true spring.flyway.enabled=true spring.flyway.locations=classpath:db/migration #테스트 테이블 생성 (테스트할땐 create 테스트 끝나면 none) spring.jpa.hibernate.ddl-auto=none #데이터베이스 접속 정보 spring.datasource.url=jdbc:oracle:thin:@127.0.0.1:15..

Back-end/MongoDB

[MongoDB] Model & Schema

models 폴더에 User.js 파일을 만들어주시고 const userSchema = mongoose.Schema({ }) 스키마 안에 필요한 필드를 만들어주고 const User = mongoose.model('User', userSchema) 모델에 담아서 module.export = {User} 내보내주면 됩니다. const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ name: { type: String, maxlength: 50 }, email: { type: String, trim: true, unique: 1 }, password: { type: String, maxlength: 5 }, lastname: { t..

Back-end/MongoDB

[MongoDB] Node.js MongoDB 연결

회원가입 및 클러스터 생성 https://www.mongodb.com/ko-kr MongoDB: 애플리케이션 데이터 플랫폼 업계 최고의 최신 데이터베이스를 토대로 구축된 애플리케이션 데이터 플랫폼을 사용해 아이디어를 더욱 빠르게 실현하세요. MongoDB는 데이터를 손쉽게 처리할 수 있도록 지원합니다. www.mongodb.com 몽구스 설치 npm install mongoose --save index.js에 해당 코드에 생성한 아이디와 비밀번호 넣기 const mongoose = require('mongoose') mongoose.connect('mongodb+srv://:@cluster0.p0k0hwg.mongodb.net/?retryWrites=true&w=majority').then(()=>con..

eunjin-park
개발 일기