전체 글 썸네일형 리스트형 JPA / spring boot 기초 사용자가 form에 입력한 정보 서버로 전송하기 input 태그에 name 속성이 없으면 서버에 전송이 되지 않는다.form action 속성엔 POST 요청할 url 경로를 적는다.우리는 서버로 데이터를 전송할 예정이기에 POST 요청을 한다. 버튼은 submit 타입으로 지정해야 서버로 데이터 전송이 가능하다. 프론트단에서 url 파라미터로 보낸 데이터를 한번에 받기 위해 Map 타입을 사용했다.받은 데이터를 toString() 을 이용해 확인 itemRepository.save()의 조건은 해당 리포지토리 클래스타입의 오브젝트를 넣어줘야 한다.그렇기에 formData.get("데이터이름")에 알맞은 형변환을 넣어줘 DB로의 전송 또한 마무리 짓는다. @ModelAttribute 위에선 Map으.. 더보기 JPA / spring boot 기초 (JPA / ORM, 접근 제어자, lombok, Repository, @Entity) JPA란 자바에서 사용하는 ORM 기술 표준 ORM이란 자바에서 객체를 생성하고 DB에 접근하기 위해 쿼리문을 짰다.하지만 ORM을 사용하면 자바 코드, 쿼리문 따로 작성할 필요가 없이 자바의 문법만으로 DB에 접근이 가능하다. true는 JPA 문법쓸 때 SQL 따로 출력 update는 테이블 생성의 자동화 여부(update는 변경사항만 적용함) @Entityclass의 이름으로 테이블을 생성해주는 JPA 어노테이션 spring의 vo 선언처럼 원하는 타입의 변수를 선언하면 이는 곧 Item 테이블의 컬럼이 된다. PK 값을 가져야 하는 id 컬럼은 @Id 어노테이션을 붙여야 한다.또한 @GeneratedValue(strategy = GenerationType.IDENTITY)는 SQL 오토 인크.. 더보기 spring boot 기초 (java, spring 기초 포함) @Slf4j@SpringBootApplicationpublic class MainController { public static void main(String[] args) { Test test = new Test(); // 아래 선언한 Test라는 클래스를 가져와 쓸 수 있는 인스턴스 생성 log.info(test.hello); // TaeHoon }}class Test { String name = "kim"; public void hello() { log.info("TaeHoon"); }} 클래스는 서로 관련이 있는 필드나 메소드를 담고 있는 통이다. 클래스는 오브젝트 타입이기 때문에 데이터 타입이 될 수 있다. 클래스를 생성해 사용하면 원본 .. 더보기 네트워크 기초 (로컬, 공인 ip, 사설 ip, NAT, packit) ip 인터넷에 연결되어 있는 모든 장치들의 주소를 뜻한다. 공유기 공유기는 공인, 사설 ip 두 개를 모두 가질 수 있다.사설 ip가 게이트웨이 공인 ip공유기같은 소규모 네트워크 구축 장치에 할당 받는 ip외부와 통신하기 위해 필요한 ip 사설 ip 공인 아이피로 접속한 장치들에게 부여되는 각자의 고유 ip외부와의 통신이 불가능하고 상위 공인 ip 내의 기기들과만 통신이 가능하다. NAT (Network Address Translation) A라는 사용자가 네이버 페이지를 요청하면 사설 ip에서는 외부와의 통신이 불가능하기에 공인 ip로 요청이 전달된다.전달받은 공유기는 TDP / UDP 포트 정보와 사설 ip 정보를 기록한다.외부와 통신이 가능한 공인 ip는 네이버 서버로 요청을 전달하고 네이버 서버.. 더보기 vue2 (컴포넌트, props , webpack 사용법) 부제 : 카멜케이스 사용불가 component 컴포넌트는 중복을 제거하고 코드의 재사용을 높이기 위해 사용한다. vue에서 컴포넌트 생성 방법은 다음과 같다.Vue.component('이름', {}); template template엔 보여줄 페이지의 코드를 작성하면 된다.백틱으로 작성한다. 컴포넌트 코드를 작성할 때, 해당 태그들을 모두 감싸는 부모 태그 하나가 필요하다. || (웹 팩 사용시) || (이건 되는지 모르겠음) data 최상위 app에선 data를 단일 객체 형식으로 받았지만컴포넌트에선 함수 형식으로 받아야 한다. 컴포넌트마다의 데이터 분리 목적 (최상위 페이지에선 객체로서 하나만 쓰이면 되지만 컴포넌트는 그 수가 많을 수도 있고 많은 만큼 각각의 컴포넌트마다 다른 객체를 가지고 있어야 하기 때문이다.) 또한.. 더보기 vue2 기본 (cdn 방식, el data methods, ref, v-on/v-if) vue vue는 동적인 데이터만 관리를 해주면 화면단을 자동으로 바꿔준다.vue는 data 안의 오브젝트 형식에 데이터를 담아 바인딩하는 구조를 가지고 있다. const app = new Vue(); app이란 이름으로 vue의 인스턴스를 생성한다.생성 후에 vue 안의 기능들을 사용할 수 있다. el vue가 관여할 작업 영역이 어디인지 명시해주는 역할을 한다. data data 안에 object 형식으로 값을 담아 해당 컴포넌트에서 관리해야 할 변수들을 가지고 있다. methods methods는 해당 변수들에 관한 함수들이나 vue가 관리하는 영역의 함수들을 관리한다. ---------- el, data, methods는 고정 이름으로 변경이 불가함. data 키 안의 liked는 변수명으로 원하는.. 더보기 영화 <크로우즈 제로> 소개 및 줄거리 등장인물 액션 시청자 알고 보면 좋은 점 흥행요소 1. 소개 미이케 다카시 감독이 감독한 "크로우즈 제로"는 2007년 일본의 액션 영화로 고등학교 갱단의 경쟁을 투박하게 묘사해 관객을 사로잡았습니다. 다카하시 히로시의 인기 만화 시리즈 "까마귀"를 원작으로 한 이 영화는 전편 역할을 하며 원작으로 이어지는 사건을 탐구합니다. 강렬한 액션 시퀀스, 매력적인 캐릭터, Miike의 독특한 감독 스타일로 잘 알려진 "Crows Zero"는 컬트적인 사랑을 받는 작품이 되었습니다. 이번 블로그 포스팅에서는 '크로우즈 제로'의 줄거리와 등장인물을 소개하고, 영화에 대해 알아두면 좋은 점들을 공유하며, 시청자 입장에서 본 흥행 요인을 분석해 보겠습니다. 2. 줄거리 "크로우즈 제로"는 폭력적인 학생 집단과 학업 성취도가 낮은 것으로 알려진 악명 높은 스즈란 고등학.. 더보기 영화 <날씨의 아이> 소개 및 줄거리 등장인물 시청자 알고 보면 좋은 점 결론 1. 소개 신카이 마코토 감독의 "날씨의 아이"(천기노코)는 전 세계 관객의 마음을 사로잡은 2019년 일본 애니메이션 로맨틱 판타지 영화입니다. 놀라운 애니메이션, 진심 어린 이야기, 아름다운 음악으로 유명한 이 영화는 사랑, 희생, 초자연적인 주제를 탐구합니다. 이번 블로그 포스팅에서는 '날씨의 아이'의 줄거리와 등장인물을 파헤치고, 관객의 관점에서 흥행 요소를 분석하고, 이 매혹적인 영화가 왜 이렇게 경이로운 성공을 거두었는지 논의해 보겠습니다. 2. 줄거리 '날씨의 아이'는 외딴섬에서 고향인 도쿄로 가출한 고등학생 모리시마 호다카의 이야기를 그린 작품이다. 번화한 도시에서 자신의 발판을 찾기 위해 고군분투하는 호다카는 날씨를 조종하는 능력을 가진 신비한 소녀 아마노 히나를 만난다. 히나의 특별한 .. 더보기 이전 1 2 3 4 다음 목록 더보기