관심쟁이 영호

이전 시간에는 웹사이트에서 요청했을때, 어떤방식으로 인식하고 넘어가는지 살펴보았다. 그럼 이번시간에는 회원가입을 했을때, 데이터가 어떻게 넘어가고 어떻게 내부에서 움직이는지 살펴보자. Spring이 시작이 되면, 테이블을 생성한다. 어디에서 테이블을 생성하라는 코드가 있을까? 이것을 알기 위해서는 먼저 JPA에 대한 지식이 있어야 한다. JPA에 대한 지식은 다른 글에 있다. https://bestkingit.tistory.com/106 Spring Boot ㅣ JPA, ORM에 관해서 ORM? ORM은 Object Relational Mapping이다. 데이터베이스에 저장된 테이블 형식의 데이터를 모델링하여 자바에서 사용할 수 있도록 클래스로 바꿔주는 것이다!! 거꾸로도 가능하다! ]ORM를 알아보기 ..

이제부터는 모든 코드를 하나하나 뜯어보고, 어떤일이 일어나있는 지, 왜 그렇게 되는지 완벽하게 분해분석을 할 예정이다. 1. H2 서버를 시작해주고, 프로젝트를 실행해준다. - 해당 내용에 대한 설정은, application.yml에 표시되어 있다. spring: datasource: url: jdbc:h2:tcp://localhost/~/jpashop username: sa password: driver-class-name: org.h2.Driver - 여기서 url로 설정되어 있다. 2. url : localhost:8080으로 접속해준다. 그럼 홈화면이 뜬다. - 왜 localhost:8080인가? 이 이유는 yml에 설정이 되어 있기 때문이다. yml에 server.port에 대한 설정이 없으면 ..

ui li ol ui와 ol은 리스트 형태로 보여주는 것이다. li는 해당 리스트에 값을 넣어주는 것이다. 화면으로 살펴보자. 코드는 쇼핑 고기 화장품 장난감 전자기기 신발 일번 이번 삼번 사번 오번 화면은 이렇다. 이미지파일, 버튼 그냥 싹다 넣을 수 있다! br 이 것은 줄을 한번 개행 시켜주는 것이다. 그 외에는 많은 태그가 있다. 하나하나 짚고 넘어가기가 힘들다. 이 다음에 html을 사용할 때, 필요하면 w3school.com에 가서 찾아보도록 하자!

오늘은 Ajax에 대해서 공부를 할 예정이다. Ajax란? Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. 표현 정보를 위한 HTML (또는 XHTML) 과 CSS 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest (Ajax 애플리케이션은 XML/XSLT 대신 미리 정의된 HTML이나 일반 텍스트, JSON, JSON-RPC를 이용할 수 있다) DHTML이나 LAMP와 같이 Ajax는 자체가 하나의 특정한 기술을 말하는 것이 아니며, 함께 사용하는 기술의 묶음을..

네이버에 CSS와 JavaScript를 지우고 살펴보자. css와 javaScript를 지우면 html만 남는다. 아래의 사진과 같다. 느낌이 좀 온다. html은 진짜 버튼, 글자, 그림만 넣는 것이구나! - 솔직히 말해서 이 전 포스팅으로 다 배운 느낌이다. (사실 주인장은 html을 배웠다...ㅎ) - 본격적으로 시작하기에 앞서서 뭘 배울지 파악해보자. 1. html 느낌파악하기 2. html 태그 맛보기 3. 옵션 및 설정값 체험하기 4. html 최적화하기 이 정도의 순서가 될 것이다! "html 느낌 파악하기"는 끝이 났다. 2번을 하기 전에, html을 맛보기 전에 좀 더 확실하게 알고가야할 내용이 있다. (1) css 파일은 head에 넣자! (2) 그리고 body에 입력할 수 있는 태그를..

1. 먼저 개발 툴을 설치하여야 한다. - VsCode - InteliJ - Spring Tool Suite - eclipse 등등 많은 툴이 있다. 주인장은 STS인 Spring Tool Suite를 사용할 계획이다. 이유는 Spring이랑 엮을 예정이기 때문이다. 추천하자면 VsCode를 추천한다. 많은 사람들이 사용하더라. (툴의 좋음, 안좋음을 판단하는 기준은 제공하는 기능이 많은지, 안많은지 차이다. 별 상관없다. 그냥 아무거나 설치하면 된다.) 알아서 설치하고 오자! 2. 먼저 html 문서에 대한 기본 개념을 잡자. - html은 문서라고 생각하자. - 흰 색의 웹페이지에 글자를 써내려가는 것이다. - 흰 색의 웹페이지에는 여러가지의 구간이 있다. 크게 head, body로 나눌 수 있다. ..