목록개발 (11)
차근차근 개발중
1) 함수(funcrtion)란?- 독립적으로 실행할 수 있는 코드 블록입니다- 전역 스코프나 다른 함수 내에서 선언할 수 있습니다//함수 선언식function add1(a, b){ return a + b;}//함수 표현식const add2 = function(a, b){ return a * b;}//화살표 함수const add3 = (a, b) => a + b; 2) 메서드(Method)란?- 객체에 속한 함수를 메서드라고 합니다.- 객체의 프로퍼티로써 존재하며, 해당 객체의 컨텍스트 내에서 실행됩니다. const cat = { name : '나비', // 이것이 메서드입니다. sound : function(){ console.log(this.name + " : 야옹 "); }}co..
1) React 생명주기란?- 컴포넌트가 생성되고 화면에 나타나고 사라지는 과정을 설명하는 메서드의 연속- 마운트(Mounting), 업데이트(Updating), 언마운트(Unmounting) 일반적으로 3단계로 구분되어 있고, 각 단계마다 특정한 메서드를 사용- class components에서 사용하고, 함수형 컴포넌트는 hooks를 이용해서 상태변화를 관리 2) 생명주기 3단계2-1. 마운트(Mounting)- 마운트는 컴포넌트가 DOM에 삽입되어 화면에 나타나는 것을 말합니다. 생명주기의 마운트는 컴포넌트가 생성되어 DOM에 삽입되는 과정을 다루고, 컴포넌트가 처음으로 화면에 나타나는 작업을 수행하는 단계입니다. 1. constructor 컴포넌트의 생성자 메서드로, 컴포넌트가 생성될 때 ..
📍. CRA란? Create React App(CRA)는 리액트 애플리케이션 개발 도구입니다. CAR를 사용하면 webpack이나 babel과 같은 도구를 설치하거나 구성할 필요 없이 간편하게 리액트 애플리케이션을 시작할 수 있습니다. 📍. CRA를 사용하는 이유 간편한 설정 React 앱을 만들때, Babel이나 webpack같은 build 도구를 사용한다. 이런 다양한 라이브러리를 일일이 다운받아야하지만 CRA을 통해 복잡한 설정 없이 간단히 리액트 애플리케이션을 시작 할 수있다. 프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 Build를 생성합니다. 성능 최적화 코드 번들링, 코드 분할, 자원 압축 등의 작업을 자동으로 수행하여..
📍. 웹폰트란? - 웹 폰트는 로컬의 폰트 설치 상황에 상관없이 웹에서 항상 원하는 폰트를 사용할 수 있게하는 기술이다. 📍. 웹폰트 기본 사용법 1. google fonts를 이용해서 웹폰트 Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam ratione laborum praesentium molestias tempore sit dignissimos repellendus! Reprehenderit, sed, impedit, rem corporis quae qui voluptatem eaque illum dolorum blanditiis iusto? 2. @font-face font-family: 사용할 웹 폰트의 이름을 지정한다. 이 이..
1. 변수 · 변수(variable) - 데이터를 담을 수 있는 메모리 공간의 이름 · 변수선언(declaration) - 어떤 타입의 데이터를 담을 수 있는 메모리 공간을 할당하도록 명령하는 것 // var 변수 선언 var name; // let 변수 선언 let name; // const 변수 선언(상수) // 상수 선언시 반드시 초기 값 설정, 설정하지 않을 경우 에러 출력 const name; // Missing initializer in const declaration const pi = 3.14; let name = “이름” , age = 20 // 한 번에 여려 변수를 선언 할 수 있다. · 변수 유효 범위(scope) - 선언된 변수가 메모리에서 삭제되지 않고 영향을 미칠 수 있는 코드 ..
📍 타입 캐스팅(Type Casting)이란? 인스턴스의 "타입"을 확인하거나, 해당 인스터스를 슈퍼 클래스나 하위 클래스로 취급하는 방법입니다 인스턴스 타입을 검사 -is 연산자 / 클래스 계층 상의 타입 변환 - as 연산자 1) 최상위 클래스 MediaItem class MediaItem { var name: String init(name: String) { self.name = name } } 2) MediaItem클래스를 상속받는 Movie와 Song클래스 생성 class Movie: MediaItem { var director: String init(name: String, director: String) { self.director = director super.init(name: name)..
📍클래스란? 객체를 찍어내는 틀 / (의미있는) 데이터를 묶음으로 만들려는 것이다. ex) 붕어빵을 찍어내기 위한 틀 / 붕어빵은 객체라고 한다. 스위프트에서 특별히 클래스의 instance를 객체(Object)라고 부른다. class Movie{ var name = "쉰들러리스트" var time = 196 func start(){ print("\(name) 상영이 시작했습니다") } func end(){ print("\(name) 상영이 끝났습니다.") } } var cgv = Movie() cgv.name = "블랙스완" cgv.start() 속성과 메서드 반드시 2가지로 이루어짐. 속성 : 클래스의 변수 메서드 : 클래스의 함수 📍구조체란? 객체를 찍어내는 틀 클래스와 마친가지로 메모리에 찍어낸 ..
이렇게 오류가 발생한 경우 해결방법 1)빈 텍스트 문서를 "C:\Users\xoox1" 이곳에 생성해준다 2)프로젝트 안의 persistence.xml에 작성한 디비 URL의 정보를 확인 후 파일명을 변경해준다 jdbc:h2:tcp://localhost/~/jpashop12 - 파일명.mv.dv로 변경해주어야한다. 3) h2콘솔로 돌아가서 연결해준다.
JpaMain.class - em.persist(findMember) 저장을 해주지 않아도 된다. -> 자바 컬렉션을 다루는것처럼 다루기때문이다. 결과 참조 : 김영한님의 '자바 ORM 표준 JPA 프로그래밍' 책 발췌