❗writePost 함수더보기// 메모를 생성합니다.function writePost() { // 1. 작성한 메모를 불러옵니다. let contents = $('#contents').val(); // 2. 작성한 메모가 올바른지 isValidContents 함수를 통해 확인합니다. if (isValidContents(contents) == false) { return; } // 3. genRandomName 함수를 통해 익명의 username을 만듭니다. let username = genRandomName(10); // 4. 전달할 data JSON으로 만듭니다. let data = {'username': username, 'contents'..

❗HTML-여는 태그, 닫는 태그가 쌍으로 존재타이틀입니다.-head 태그는 CSS, Javascript 코드를 포함하고, body 태그는 뼈대 전체를 포함-대표적인 태그h1~h6headline의 약자, 신문 제목divdivison, 나누는 녀석이에요. 투명 비닐봉투pparagraph, 신문 기사 단락과 같은 텍스트 내용을 담습니다ul, ol, li(un)ordered list, list에 해당합니다. bullet pointspan글을 중간중간 잘라내서 색을 입혀준다든지 할 때 사용table, th, tr, td표 입니다! 엑셀 같은 표를 그릴 때 사용img이미지를 나타낼 때 사용  ❗CSS-head > style 태그 안에 작성-선택자id: HTML 파일을 통틀어 단 하나만 존재합니다. #으로 표시합니..

🚩이번주에 배울 것1. 페이지를 만들기 위한 HTML,CSS, Javascript를 익힘2. 스프링(서버)을 이용해 API를 만들고 기능 확인하는 법을 손에 익힘3. 타임라인 서비스를 완성  ❗memo API-설계하기Controller - Service - Repository 3계층메모 생성하기POST/api/memosMemo메모 조회하기GET/api/memosList메모 변경하기PUT/api/memos/{id}Long메모 삭제하기DELETE/api/memos/{id}Long -서버 코드 작성

❗API-API: 클라이언트와 서버 간의 약속클라이언트가 정한대로 서버에게 요청(Request)을 보내면, 서버가 요구사항을 처리하여 응답(Response)을 반환 -REST: 주소에 명사, 요청 방식에 동사를 사용함으로써 의도를 명확히 드러냄을 의미동사는 우리가 JPA 시간에 배운 CRUD를 지칭A에 대해 생성(POST)/조회(GET)/수정(PUT)/삭제(DELETE) 요청을 하는 것 -GET  -POST -PUT -DELETE

❗CRUDCRUD란? 정보관리의 기본 기능→ 생성 (Create) → 조회 (Read) → 변경 (Update) → 삭제 (Delete) ❗Service -스프링의 구조1. Controller : 가장 바깥 부분, 요청/응답을 처리함(자동응답기)2. Service : 중간 부분, 실제 중요한 작동이 많이 일어나는 부분3. Repo : 가장 안쪽 부분, DB와 맞닿아 있음   ❗LombokLombok은 자바 프로젝트를 진행하는데 거의 필수적으로 필요한 메소드/생성자 등을 자동생성해줌으로써 코드를 절약할 수 있도록 도와주는 라이브러리 IntelliJ 2020.03 버전 이후로는 Lombok(롬복) 라이브러리가 기본 Plugin으로 설치되어있음 ❗DTODTO(Data Transfer Object) -> 데이터..

🚩이번주에 배울 것1. RDBMS(관계형데이터베이스)의 기초 지식2. Spring Data JPA의 사용법3. REST API를 만드는 방법 ❗인텔리제이 실행 및 프로젝트 기본 설정https://radiant515.tistory.com/87 [Spring] 웹개발의 봄, Spring 1주차-1🚩이번주에 배울 것1. 웹의 기본적인 구조 이해2. 스프링 부트의 기본 구조 이해3. 자바 기초를 학습  ❗웹서비스웹서비스: 클라이언트 + 서버클라이언트: 사용자가 보는 화면      서버: 내가radiant515.tistory.com   ❗RDBMS-RDBMS(Relational DataBase Management System): 컴퓨터에 정보를 저장하고 관리하는 기술(매우 고도화된 엑셀)RDB, 관계형 데이터..

❗자바 기본 문법sout 치면 System.out.println()이 자동생성숫자: int, float, Long문자: String int a = 1;float b = 1.2f;Long d = 10000000000L;Stirng s = "자바"; 참거짓: boolean배열: Listboolean isEq = 20 == 20;boolean isDiff = 20 != 20;//List의 함수 add, get, removeList newList = new ArrayList();newList.add("스프링");newList.add("리액트");System.out.println(newList);System.out.println(newList.get(0));newList.remove(0); 임포트:  미리 작성된..

🚩이번주에 배울 것1. 웹의 기본적인 구조 이해2. 스프링 부트의 기본 구조 이해3. 자바 기초를 학습  ❗웹서비스웹서비스: 클라이언트 + 서버클라이언트: 사용자가 보는 화면      서버: 내가 원하는 데이터가 있는 곳, 원하는 데이터를 요청하면 이에 응답해주는 곳웹서비스는 클라이언트가 원하는 데이터가 있을 때마다 서버에 요청하고 응답 데이터를 받아서 사용자에게 보여줌 ❗스프링자바로 서버를 만들 때 필요한 것  ❗자바 버전 확인명령 프롬프트 창에서 java -version이라고 쳤을 때이렇게 나온다면 자바 환경변수와 PATH 설정 완료! ❗인텔리제이 실행 및 프로젝트 기본 설정Group:  이 서비스가 제공될 주소를 거꾸로 써줌             Artifact: 프로젝트의 이름 ❗웹의 기본 개념..

1. MySQL에서 지원하는 데이터 형식 SMALLINT, INT(INTEGER), BIGINT, FLOAT, DECIMAL 부호 없는 정수를 지정할 때는 UNSIGNED 예약어를 뒤에 붙여준다(0~) CHAR: 고정 길이 문자형 VARCHAR: 가변 길이 문자형 -> UTF-8 형태 DATE: 날짜만 저장할 때 DATETIME: 날짜와 시 분 초까지 저장 GEOMETRY: 공간 데이터 형식 JSON: JavaScript Object Notation 문서를 저장 2. 변수의 사용 SET @변수이름 = 값; -- 변수 선언 및 값 대입 SELECT @변수이름; -- 변수 출력 workbench를 닫으면 변수도 사라져버림 3. 데이터 형식 변환 함수 SELECT CAST(AVG(amount) AS SIGNE..

1. SELECT문 데이터의 내용을 검색, 추출 데이터베이스에서 원하는 데이터를 가져와 주는 SELECT .. FROM .. 많이 사용되는 구조: SELECT 열 이름 FROM 테이블 이름 WHERE 조건 데이터베이스를 선택했을 때: SELECT * FROM title; 데이터베이스를 선택하지 않았을 때: SELECT * FROM employees.title; 데이터베이스에서 여러 열도 선택 가능: SELECT first_name, last_name, gender FROM employees 2. USE USE 데이터베이스이름 or 데이터베이스 더블클릭 => 데이터베이스 이름이 볼드처리됨 이렇게 데이터 베이스를 지정하면 "지금부터 이 DB만 사용할 것이니 모든 쿼리는 이 DB에서 수행하라"라는 의미 3. ..