목록네이버클라우드 AIaaS 개발자 양성과정 1기 (155)
개발자입니다
[비트캠프] 92일차(19주차5일) - DB 모델링
DB 모델링 DB 모델링 - key column : 학번, 이름, 이메일, 전화, 우편번호, 기본주소, 상세주소, 학력, 학교, 재직여부, ... key(super key) ← 데이터를 구분할 때 사용할 컬럼들 학번, 이메일, [이름, 전화], [학번, 이름], [이메일, 전화], [이메일, 이름] ↓ 줄인다 → 선별 Candidate key(후보키 = 최소키) 학번, 이메일, [이름, 전화] ↓ DB 관리자 → 주키로 선정 Primary key 학번 ← 주키의 값은 변경할 수 없다. = 변경을 허용해야 하는 컬럼은 주키로 선정해서는 안된다. Alternate key(대안키) 이메일, [이름, 전화] ← Unique 제약조건을 건다. 중복되면 안되기 때문 DB 모델링 - Surrogate key(대리키)..
[비트캠프] 91일차(19주차4일) - React(state 끌어올리기, 화면 레이아웃 만들기, React로 사고하기)
state 끌어올리기 root 밑에 Calculator, 그 밑에 TemperatureInput 2개 있다. Calculator 멤버에 state { scale: "c", temperature: "" }, handleCelsiusChange(), HandleFahrenheitChange() 가 있다. TemperatureInput 멤버에 onTemperatureChange, handleChange() 가 있다. *자식 컴포넌트가 다루는 값은 자식들의 공통 조상에 두라! 화면 레이아웃 만들기 root 밑에 App 이 있고, 그 밑에 SplitPane 이 있다. left={} 저장, right={} 저장한다. 화면에서 left div 에 가, right div 에 가 렌더링 된다. React로 사고하기 Re..
eomcs-java\eomcs-web\app\src\main\resources\static\react\ex01~10 예제 소스 정리 react resources\react\ex01 빌드 도구 없이 사용하기 빌드 도구 없이 사용하기 // ex01/test1.js 'use strict'; class LikeButton extends React.Component { constructor(props) { super(props); this.state = { liked: false }; } render() { if (this.state.liked) { return 'You liked this.'; } return React.createElement( 'button', { onClick: () => this.setS..
[비트캠프] 90일차(19주차3일) - React(기초, 저장소: properties and state, Terser, Babel)
React 사용법 "react" 검색해서 아래 사이트 문서 참고한다. https://ko.reactjs.org/docs/add-react-to-a-website.html 문서 > 1분 안에 HTML 페이지에 React를 추가할 수 있습니다. 들어가서 아래 코드 보기 한다. Add React in One Minute This page demonstrates using React with no build tooling. React is loaded as a script tag. 50. React ... ← DOM 의 컴포넌트(태그, element)이다. Web Browser 가 생성 및 관리한다. 이와 매핑 되는 것이 React.Component 이다. - DOM 의 데이터 관리 - DOM 을 제어 - 하위..
[비트캠프] 89일차(19주차2일) - Spring Framework(톰캣 삽입), Spring Boot(2.7.x javaEE 적용, Lombok, 3.x jakartaEE 적용, Undertow 서블릿 컨테이너 적용)
### 65. 프로젝트에 서블릿 컨테이너(예:톰캣) 삽입하기 central.sonatype.com 에서 "tomcat-embed-jasper" 검색해서 9.0.73 버전(javaEE) 코드 복사해서 build.gradle 붙인 후 $ gradle eclipse 한다. Referenced Library 에 다음 추가된다. ### 65. 프로젝트에 서블릿 컨테이너(예:톰캣) 삽입하기 - 프로젝트에 톰캣을 삽입하여 구동하는 방법 build.gradle 에 임베디드 톰캣 서버 코드 추가해서 $ gradle eclipse 한다. plugins { id 'eclipse-wtp' // 'eclipse' 플러그인이 자동 포함됨 id 'war' // 웹 애플리케이션 관련 명령을 사용할 수 있다. } // CLI 환경에서..
[비트캠프] 88일차(19주차1일) - Spring Framework: myapp-64(라이브러리 적용: Handlebars, Bootstrap)
### 64. Back-end 와 Front-end 분리하기: 클라이언트 렌더링 방식으로 전환 @PutMapping 에 멱등성(idempotent) 적용 우선, WEB-INF 의 defs, jsp, thymeleaf, tiles 폴더 삭제한다. PUT request 는 여러번 시도 하더라도 결과가 동일하다 = 멱등(idempotent)하다. PUT, DELETE 를 /boards/{no} 형식으로 요청하도록 변경한다. package bitcamp.myapp.controller; import java.io.File; import java.util.ArrayList; import java.util.List; import java.util.UUID; import javax.servlet.ServletConte..