$$config title: 김지애 풀스택 공부위키 keywords: - IT - 공부위키 - 국비훈련 - 풀스택 $$ 북마크 - [풀스택 수업페이지, 1227](https://slog.gg/p/1227) - [자바 텍스트 게시판 강좌, 1612](https://slog.gg/p/1612) - [HTML/CSS 강좌, 1315](https://slog.gg/p/1315) - [자바스크립트와 제이쿼리 기초]( to2.kr/cAC) - [웹코딩 기초](to2.kr/chg) - [웹페이지 구현 강좌](https://slog.gg/p/2870) 문제 - [프로그래머스 자바입문](https://programmers.co.kr/learn/courses/5) 아카이빙 - [유튜브 공부LOG 채널](https://to2.kr/djN) - [유튜브 개발자 채널](https://to2.kr/dke) # 2021-11-09 화 001일차 ## GIT 사용법 ### git 업데이트 `git update-for-windows ` ### 저장소 생성, 추가, 확인 1. 저장소(`. git` 파일) 생성 : `git init` 2. 장바구니 담기 : `git add .` or `git add a.txt` 3. 장바구니에 파일 담겨졌는지 확인 : `git status` - 빨간색 안담김 / 초록색 담김 ### 커밋하기 커밋하기 : ex) `git commit -m " 소설의 첫 줄 완성" ` 커밋 로그 확인 : `git log` ### 작업자 정보 삽입 `git config user.name "jiin-coder"` [깃허브ID] `git config user.email "fpahstiq123@naver.com"` [깃허브이메일] ### 작업자 정보 확인 `git config user.name` `git config user.email` ### 작업자 기존정보 삭제 `git config --global -- unset-all user.name` `git config --global -- unset-all user.email` ### 원상 복구법 - 가장 **최근 세이브**로 되돌리기 ex) add한 후, log 결과로 modify 수정됐을 때, (3개째 시점, 커밋 전) `git checkout -f .` , `git checkout -f master` - **과거 원하는 저장시점**으로 돌아가기 `git checkout -f 17acb48af4118e77f4ff7e665db1cbbb620895fd` - (로그 확인화면시 나오는 노랑색줄 커밋코드 붙이기) - 원하는 시점위치코드의 저장시점으로 돌아감 ## 그외 `cls` : cmd창 초기화 ## 과제 - ~~code.org 과정3 - 레슨14 - 단계13~~ - ~~1일차 wiken위키 정리~~ # 2021-11-10 수 002일차 ## GIT 사용법 ### 로컬 리포지터리와 원격 리포지터리 로컬 리포지터리 = 로컬 저장소 = `.git` 원격 리포지터리 = 외부 저장소 = github 리포지터리 ### 로컬저장소 생성 - gitHub에서 리포지터리 생성 ### 로컬저장소와 원격저장소와 관계정립(연결) 로컬 → 원격 기존 연결 확인 (리스트) : `git remote -v` 원격저장소 **생성** : `git remote add origin 원격리포지터리 링크` - ex) `git remote add origin https://github.com/jiin-coder/git.exam_2021_11_10` - 원격 저장소를 orgin 이라는 즐겨찾기명으로 변경 원격저장소 **제거** : `git remote remove origin` ### Push 하기 origin이 가리키는 원격 저장소로 로컬저장소의 커밋 업로드 push : `git push origin master` - 리포지터리 : 로컬 (`. git`) → 원격 - 최신 업데이트 데이터 업로드 ### push 했는데 github에 적용 안됐을 시, 해결법 1. 자격증명 윈도우검색 2. github 제거 ### Pull 하기 `git pull origin master` - 리포지터리 : 원격 → 로컬 - 최신 업데이트 데이터 받기 ### 충돌과 병합 푸시 실패 이유 : 원격지가 가진 최신 커밋으로부터 파생된 커밋이 아니면 받아들이지 않기 때문에 충돌 발생 해결법 = 자동병합과 수동커밋 ### 올바른 협업을 위한 작업 순서 `git pull origin master` 작업 수행 `git add .` `git commit -m "작업"` `git pull origin master` → 충돌 시 : 자동병합과 수동커밋 `git push origin master` ### git clone 생성 git clone 생성 - ex) `git clone https://github.com/jiin-coder/git.review_21-11-10 exam1` 폴더 접속 : `cd exam1` ### git pull 에러 시 해결법 git pull이 안되는 원인 : 간단히 설명하면, 로컬 저장소와, 원격 저장소의 히스토리가 많이 다르기 때문. 방법1, 강제 병합 `git pull origin master --allow-unrelated-histories` 방법2, 로컬폴더 삭제 후 clone해 재생성 ! 작업 전이나 삭제 전에는 폴더의 중요한 파일들을 백업 후 진행하자 ## 그외 cmd에서 폴더 생성 : `mkdir 폴더` 이동할 폴더로 접속 :`cd 폴더명` 상위폴더로 한단계 이동 : `cd . .` ## 과제 - ~~[2일차 공부Log 업로드 (유튜브)](https://youtu.be/F8186O87iew)~~ - 공부 영상 2시간 이상 촬영 후 업로드 - ~~2일차 wiken위키 정리~~ - ~~프로그래머스 자바입문 복습~~ # 2021-11-11 목 003일차 ## 프로그래머스 자바 입문 진행 프로그래머스 자바입문 문제풀이 문제에 필요한 개념이 이해가 부족한 개념들은 블로그에 정리 및 이해•복습 - [[Java] class와 객체, 메소드](https://slog.gg/p/1303) - [[Java] concat과 substring](https://slog.gg/p/1305) ## 과제 - ~~wiken위키 정리~~ - ~~3일차 공부Log 업로드(유튜브) 3H 이상~~ - ~~프로그래머스 자바 입문 진행~~ - 문제 풀이 모두 완료 / 반복풀이 진행중 - ~~slog.gg/p/1228, 자바 강좌. 10 ~ 27강 복습~~ - wiken에 정리글 업로드 완료 - [[Java] 연산자 우선순위](https://slog.gg/b/1080/1318) - [[Java] 비트와 바이트](https://slog.gg/b/1080/1332) - [[Java] 변수의 타입변환, 형변환, 캐스팅](https://slog.gg/b/1080/1334) - [[Java] 삼항 연산자](https://slog.gg/b/1080/1335) - [[Java] switch문](https://slog.gg/b/1080/1336) - [[Java] 1차원 배열의 생성과 초기화, 저장, 꺼내쓰기](https://slog.gg/b/1080/1337) - [[Java] foreach문](https://slog.gg/b/1080/1338) - [[Java] 실험을 통한 클래스와 배열의 차이]() # Java ## 연산자 우선순위 - 논리 < 사칙 (~~낮음 < 높음~~) - `&&`, `||` < `!` < `+`, `-` < `*`, `/` - 앞에 있는 게 먼저 실행됨 ```java class Main { public static void main(sting[] args) { System.out.println("결과 : " + 10 + 10); // 결과 : 1020 System.out.println("결과 : " + (10 + 20)); // 결과 : 30 System.out.println("결과 : " + 10 * 10); // 결과 : 200 } } ``` - 1번 결과 ""으로 감싸져 있는 문자열은 문장이고,+ 숫자이기 때문에 `10 + 20` - 2번 결과 괄호 안에 있는 식을 우선으로 계산 `(10+20) = 30` - 3번 결과 곱하기, 나누기는 더하기,빼기 보다 우선적으로 계산됨. `10 * 20 = 200` ## bit와 byte ### bit 비트(bit, binary digit) : 단위로서, 0과 1(참과 거짓)의 값을 가진다. byte : 8개 단위의 비트(8bit)를 묶어 사용하는 단위 ### bit의 경우의 수 1 bit = 2개 `0,1 ` 2 = 4개 `00, 01, 10, 11` 3 = 8개 4 = 16 5 = 32 6 = 64 7 = 128 8 bit = 1byte = 256 ### 1byte로 표현할 수 있는 경우의 수 256개 : -128 ~ -1, 0 ~ 127 ## 형변환(캐스팅) 자료형의 표현범위에 맞게 형변환 해야함 ### 1. 수동 형변환 int형 변수 `i`의 값을 long형 정수로 형변환 해, long형 변수 `l`에 대입 ```java class Main { public static void main(sting[] args) { int i = 200; long l = (long)i; } } ``` ### 2. 자동 형변환 자료형의 표현범위에 의해 값이 손실될 위험이 있지 않는 이상, 수동형변환을 하지 않아도 java에서 자동으로 형변환을 해준다. ```java class Main { public static void main(sting[] args) { int i = 100; long l = i; } } ``` ## 삼항연산자 피연산자가 3개이며, if~else문 원리와 비슷하다. if ~ else문 등의 코드를 간소화시킬 수 있다. ### 예시 조건식 : `String messge = age > = 20` - age가 20 이상일 때 True라면 age에 `"성년"`을 대입해라 False라면 age에 `"미성년"`을 대입해라 ```java int age = 20; String message = age >= 20 ? "성년" : "미성년"; ``` ## switch문 switch문은 if문과 같이 조건 또는 어떤 변수의 값에 따라 실행문을 처리하는 제어문. 비교하고자 하는 조건이 많을 경우 사용하면 좋다. ### switch ~ case문 `switch (변수)` : 변수값이 `case 값` : 변수와 값이 일치하면 해당 case 실행문을 작동 - 옵션 1. `break` : 조건에 해당하는 실행문을 작동시키고 switch문을 종료하기 위해 사용 2. `default` : 변수와 값이 불일치할 때, default 실행문 작동 ```java switch ( 변수 ) { case 변수값: 실행문; break; default: 실행문; break; } ``` ### 예시 ``` java class Main { public static void main (String[] args) { int month = 3; String season = null; // 아님 "" switch ( month ) { case 3: season = "봄1"; case 4: season = "봄2"; } System.out.println(season); } } ``` ## 배열 배열은 **같은 데이터 타입**을 가진 **연속된 메모리 공간**으로 이루어진 **자료구조**다. ### 예시 - 선언과 동시에 초기화 ```java int[] array2 = new int[]{1,2,3,4,5}; ``` - 배열에 정수 4개 공간 생성 ```java int[] array1 = new int[4]; ``` - 배열에 값 저장하기 ```java array1[0] = 1; array1[1] = 2; array1[2] = 3; array1[3] = 4; ``` - 배열에 저장된 값 꺼내 사용하기 ```java int value = arr[2]; //arr이 참조하는 배열의 2번 인덱스에 해당하는 값 3을 꺼내서 value에 담는다. System.out.println(arr[1]); //arr이 참조하는 배열의 1번 인덱스에 해당하는 값 2가 콘솔에 출력. ``` ## foreach문 foreach문은 배열의 모든 인덱스를 순차적으로 탐색할 수 있다. - 기본 for문 ```java int[] ages = {10, 20, 30}; for (int i = 0; i < ages.length; i++) { System.out.println(i); } ``` - foreach문 훨씬 간결하게 코드를 작성할 수 있음. ```java int[] ages = {10, 20, 30}; for (int age : ages) { System.out.println(age); } ``` ## 실험을 통한 클래스와 배열의 차이 ### 실험 캐릭터마다 4개의 정보를 묶어 저장하려 한다. ### 배열 `person1` 배열을 통해서 4개의 정보를 넣을 수 있지만 정보의 자료형이 제각기 다르고, 복잡하면 넣기 불편함 ``` int[] person1 = new int[4]; int[] person2 = new int[4]; 캐릭터1_이름 String 캐릭터1_나이 int 캐릭터1_성별 Boolean 캐릭터1_직업 String : ``` ### 클래스 만약 숫자 4개를 저장할거라면 그냥 배열 쓰면 됨. 하지만, 위 정보 4개처럼 제각기 다른 자료형의 정보 저장은 일반 배열로는 안됨. 내가 원하는 정보가 불규칙하면 클래스를 사용하는 것이 쉽고, 장점이 많다. **즉, `캐릭터`클래스에서 설계해놓은(만들어놓은) 속성으로 `캐릭터1` (객체)에게 쉽게 대입할 수 있음** ```java public static void main(String[] args){ 캐릭터 a캐릭터1 = new 캐릭터(); a캐릭터1.이름 = "홍길동" a캐릭터1.나이 = 20; a캐릭터1.이름 = false; a캐릭터1.이름 = "의적"; } class 캐릭터 { String 이름; int 나이; boolean 성별; String 직업; } ``` # 2021-11-12 금 004일차 - 개인개발자 채널 생성 - 프로그래머스 자바 입문 진행 - 자바강좌 복습 및 정리 ## 팀별활동 테크영상 제작 ### 주제 선정 및 팀별회의 제작기간 : 7일 (~11/18까지 업로드) 참고 : 테코톡 1. 주제 선정 - 6조 : 프론트엔드와 백엔드 2. 자료 조사 3. PPT 제작 4. 대본 작성 5. 녹화 및 후작업 (편집 + 자막) - Ivcam, vrew, ocam 활용 ## 과제 - ~~오늘자 wiken위키 정리~~ - ~~테크영상 제작 팀별활동 (~11/18까지 업로드)~~ - ~~프로그래머스 자바입문 풀이~~ # Java ## 1. 전위 연산자 `num1`의 값을 1 감소시킨 뒤, `num3`에 할당 ### 동작 원리 1. 증감연산자가 수행되어 변수의 값이 증감 2. 변수의 변화후값이 다른 변수에 할당 전위 연산자는 할당 전에 연산을 하게 되므로, 바뀐 값이 다른 변수에 할당된다. 즉, 증감 연산자가 변수 앞에 쓰이면 연산을 먼저 처리한다는 뜻이 된다 ### 예시 ```c #include int main() { int num1 = 2; int num2 = 2; printf("%d %d\n", ++num1, --num2); // 3 1: 증감 연산자가 먼저 동작한 뒤 num1, num2의 값을 출력 printf("%d %d\n", num1, num2); // 3 1: 앞과 같은 값이 출력됨 return 0; } ``` ## 2. 후위 연산자 증감연산자가 변수 뒤에 쓰이면 연산 나중에 처리한다는 뜻. #### 동작 순서 1. 현재 변수의 값 2가 다른 변수에 할당 (값 변동 X) 2. 증감연산자가 수행되어 변수의 값이 1 증감 후위연산자는 할당 이후에 연산을 하므로 변화 전값이 다른 변수에 할당 ### 예시 `num1`의 값인 2를 `num3`에 할당한 뒤 `num1`의 값을 **2에 1을 증가시킴** ```c int num1 = 2; int num2 = 2; int num3; num3 = num1++; // 2 ``` ```c num3 = num1; num1 = num1 + 1; ``` # 2021-11-15 월 005일차 ## 팀별활동 1 . 개인별 소감 공유 - 공부소감 - 공부 힘든점 - 공부 재밌는 점 - 주말에 했던 공부량, 공부내용 2 . 조별과제 진행상황 공유 ## Git `core.autocrlf` 설정으로 mac과 window 간 협업 시 발생하는 쓸데없는 diff 제거 - 윈도우 `git config --global core.autocrlf true` - 맥 `git config --global core.autocrlf input` ## IntelliJ IDEA ### 1. 설치 Community용으로 설치 ### 2. D2Coding 폰트 설치 후 재시작 1. [D2Coding 폰트 설치 페이지](to2.kr/dmv) 에서 다운 2. D2Coding 폴더 - D2CodingBold-Ver1.3.2-20180525.ttf 에서 설치 3. intelliJ - File - Invalidate Cashes... - just restart 4. indent 검색 후 CodeStyle - java, html, json을 tabs and Indents의 248을 224로 - tab 부터 시작해서 ### 3. 키맵 관련 설정하기 단축키 설정 Setting - keymap 검색 - Eclips - font - `ctrl + shift + Num -` : 크기 작게 조절 - `ctrl + shift + Num` : 크기 크게 조절 - `ctrl + s` : 저장 - `ctrl + z` : 되돌리기 - `ctrl + y` : 되돌리기 취소 - `ctrl + shift + f` : 소스코드 정리 - `ctrl + shift + f10` : 실행 ### 4. 기타 설정 ✅ 는 프로젝트 생성 시 재설정 해야함 1. `Allow auto-make to start even if developed appliaction is currently running` : 체크 - 검색창 아무것도 없이 맨밑에 Advanced Settings 내 3. ✅`Add unambiguous imports on the fly` : 자바, 코틀린 둘다 체크 - fly 검색 후 auto Import 내 5. ✅`Optimize imports on the fly` : 자바, 코틀린 둘다 체크 6. ✅`Build project automatically` : 체크 - compiler 검색 7. ✅`Project Encoding` : UTF-8 8. ✅`Default Encoding for properties files` : UTF-8 #### Registry 설정 1. Shift 키 두번 연타 2. Registry 검색 - Registry... 3. compiler.automake.postpone.when.idle.less.than : 3000 => 500 ### 5. intelli J 명령어 public static void main(String[] asrs) {} : `psvm` System.out.println(); : `sout` ## 개발 관련 추천 유투브 얄팍한 코딩사전 코딩하는 거니 드림코딩 엘리 개발바닥 개발자라라 박센스 ## 과제 1 . 얄팍한 코딩사전 모든 영상 시청 - 시청 후기 작성과 영상첨부 - 마감 기간 : ~ 11/24까지 2 . ~~백준 매일 3문제씩 풀기~~ 3 . ~~개발 관련 유튜브 영상 시청 + 시청후기 작성~~ - 3개 완료 4 . ~~오늘자 wiken위키 정리~~ 5 . ~~공부Log 업로드(유튜브) 3H 이상~~ # 영상 시청 후기 ## 얄코 | Git은 뭐고 Github은 뭔가요? $$ youtube Bd35Ze7-dIw $$ 소프트웨어 하나 구현하는 데에 수정, 복원, 과거 내역 확인, 중간 세이브 모두 필요한데 git이 없던 시기에 어떻게 그걸 다했는지 감도 안온다. 대체 프로그램이나, 또는 어떻게든 해냈겠지만 그 과정들에 환멸난 사람이 git을 개발했을지도 모르겠다. 개발자들에게 왜 git이 주류인지 알것같다. 그리고 이런식으로도 많은 사람들을 편하게 만들 수도, 도움을 줄 수도 있구나 생각했다. 소프트웨어 구현 과정을 위한 소프트웨어라니 뭘 만든다 하면 책에 예제로 인스타나, 쇼핑몰이나 개발직군이 아닌 일반인 대상으로 한 개발만 나와서 머리에 박혔던건지 개발에 대한 편견이 깨진 것 같다. 나도 언젠간 이렇게 많은 사람들을 위한 프로그램을 만들고 싶다. ## 얄코 | 서버란 무엇인가요? $$ youtube R0YJ-r-qLNE $$ 서버라고 하면 사실 콘서트 티켓팅할 때 "서버가 구멍가게네"라고 들리는 게 익숙했다. 한마디로 앱이나 홈페이지가 다운되면 이 단어가 많이 들려왔다. 게임이라 치면 게임을 열어주는 컴퓨터가 서버, 그 게임을 하는 컴퓨터는 서비스를 받는거니 클라이언트다. 보통은 idc에 서버용 특수 컴퓨터가 있는데, 내 컴퓨터로도 aws라는 클라우드 서비스를 이용해 서버를 열 수 있다니, 세상 참 좋아졌다. aws는 뭘까 다음영상은 aws를 시청해야겠다. 이렇게 궁금증을 남기고, 다음영상을 aws 주제로 올리시다니 말도 잘하시는데 마케팅도 잘하시나보다. ## 얄코 | AWS? 클라우드 컴퓨팅이 무엇인가요? $$ youtube IH7mUwunzlo $$ 정처기 자격증 준비하면서 배웠던 IaaS, Paas, SaaS가 나와서 반가웠다. 사실 단어정리하면서 인프라, 플랫폼, 소프트웨어의 제공이 뭘 말하는건지 대충 감이 안왔다. 다 비슷한거 아닌가. 근데 예시를 직접 들어주시니 이해가 잘 갔다. SaaS는 소프트웨어를 제공하는데 유튜브, SNS같이 온라인을 통해 서비스를 이용할 수 있는 것이고, Paas는 가상서버, 관리를 제공해 배포만 하면 되는 것인 git같은 것이라니 이해갔다. Iaas는 예시가 없어서 찾아봤는데 aws, MS사의 Azure라니 이 글을 작성하는 현재에는 아직 실제로 이용해 보지 않아서 모르겠다. 나중에 사용해보고 와닿는 날이 왔으면 좋겠다. ## 과제 1. ~~백준 매일 3문제씩 풀기~~ 2. ~~개발 관련 유튜브 영상 시청 + 시청후기 작성~~ - 3개 완료 3. ~~오늘자 wiken위키 정리~~ 4. ~~공부Log 업로드(유튜브) 3H 이상~~ # 2021-11-16 화 006일차 ## 자기소개 1. 이름 2. 지원동기 3. 관련경험 - 관련학과 - 관련교육 - 독학 6. 취미 7. 집에서 공부하는 스케줄 8. 주말에는 어떻게 보낼 것인지 9. 공부소감 10. 6개월 후에 이루고 싶은 목표 11. 각오 및 친구들에게 응원 # Git `git rm --cache 파일명` : git add 취소 버전관리 제외 파일목록 관리 - `.gitignore` 파일에 b를 추가 시 - b는 add, 공유 X, git status에 안나옴 # 자바 텍스트 게시판 구현하기 ## 초기 설정 1. gitHub에 리포지터리 생성(프로젝트용) 2. intelliJ 프로젝트 생성 3. 패키지 생성 - 클래스 모아놓은 폴더 - 패키지명 : com.kja.exam.board - 프로젝트명 : 첫글자는 대문자 4. 터미널 설정 - `terminal` 검색 - `shell path` : `cmd` 6. 깃허브 업로드 7. 깃허브 push ## 프로그램 시작메세지 출력 ```java public class Main { public static void main(String[] args) { System.out.println("== 게시판 v0.1 =="); System.out.println("== 프로그램 시작=="); System.out.println("명령)"); System.out.println("== 프로그램 종료 =="); } } ``` ## 명령어 입력 받기 1. 스캐너 객체 `sc` 생성 및 코드 끝에 `sc.close` 2. `String cmd = sc.nextLine();` 로 스캔으로 입력받을 명령어 객체 생성 3. `System.out.printf("입력된 명령어 : %s\n", cmd);`로 cmd 출력 ```java import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("== 게시판 v0.1 =="); System.out.println("== 프로그램 시작=="); System.out.printf("명령)"); String cmd = sc.nextLine(); System.out.printf("입력된 명령어 : %s\n", cmd); System.out.println("== 프로그램 종료 =="); sc.close(); } } ``` ## 명령 무한입력 받기 1. `while(true)` 문으로 무한반복문 - 괄호 안이 참일 때 반복이므로 true삽입 3. 명령받고, 입력된 명령어 출력 ```java import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("== 게시판 v0.1 =="); System.out.println("== 프로그램 시작=="); while (true) { System.out.print("명령)"); String cmd = sc.nextLine(); System.out.printf("입력된 명령어 : %s\n", cmd); } sc.close(); } } ``` ## exit 명령일 때 프로그램 종료 구현 1. `if (cmd.equals("exit"))` - cmd가 exit로 명령어가 입력됐을 때 3. `System.out.println("== 프로그램 종료 ==");` - 프로그램 종료 메세지 출력 5. `break;` - 프로그램을 종료시킴 ```java import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("== 게시판 v0.1 =="); System.out.println("== 프로그램 시작=="); while (true) { System.out.print("명령)"); String cmd = sc.nextLine(); System.out.printf("입력된 명령어 : %s\n", cmd); if (cmd.equals("exit")) { System.out.println("== 프로그램 종료 =="); break; } } sc.close(); } } ``` ## 수업과제 1. 버전관리 제외 파일추가하기 - .gitignore에 .idea / out / Board.iml 추가 2. 프로그램 시작 메세지 출력 3. Scanner 명령어 입력받기 4. exit 명령이 나올 때까지 무한 입력받기 # 과제 1. ~~백준 매일 3문제씩 풀기~~ 2. ~~개발 관련 유튜브 영상 시청 + 시청후기 작성~~ (4개) 3. ~~오늘자 wiken위키 정리~~ 4. ~~공부Log 업로드(유튜브) 3H 이상~~ # 2021-11-17 수 007일차 # Git ## gitHub에서 프로젝트 가져와 새로운 환경에서 작업 이어가기 1. `C:\work\intellij_projects` cmd에 git clone 생성하기 - `git clone 리포지터리주소 폴더명` 2. intellij 열어서 open - 파일주소 - Main.java - JDK 16버전으로 백업 # 자바 텍스트 게시판 구현 # /usr/article/write 기능 구현 - 명령어 `/usr/article/write` - 게시물의 제목, 내용 입력받기 - 지정된 명령어 이외의 명령어는 출력하기 - id는 일단 1번으로 지정 ```java public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("== 게시판 v 0.1 =="); System.out.println("== 프로그램 시작 =="); while (true) { System.out.printf("명령) "); String cmd = sc.nextLine(); if (cmd.equals("exit")) { break; } else if (cmd.equals("/usr/article/write")) { System.out.println("- 게시물 등록 -"); System.out.printf("제목 : "); String title = sc.nextLine(); System.out.printf("내용 : "); String body = sc.nextLine(); int id = 1; System.out.printf("%d번 게시물이 입력되었습니다.\n", id); } else { System.out.printf("입력된 명령어 : %s\n", cmd); } } System.out.println("== 프로그램 종료 =="); sc.close(); } } ``` ## 등록 시마다 게시물번호인 id 증가시키기 1. while 문 밖에 `int articleLastId = 0;` 마지막 id를 0으로 설정 - 장기기억으로 번호를 누적시키기 위해 3. 게시물을 등록하는 write 기능에 `int id` 정의 `int id = articleLastId + 1;` `articleLastId = id;` if문 안에서만 돌 변수 `id`에 while문 밖에서 번호가 누적돼있는 `aLI` \+ 이번에 등록될 게시물 하나씩 누적하기 위한 `1`을 저장 1. 첫 게시물 등록 시 1. 첫 게시물 생성 시 초기값 0인 aLI에 1을 더해 id에 1 저장 (현재 id = 1) 2. 1인 id를 aLI에 1 저장 2. 2번 게시물 등록 시 1. 2번 게시물 생성 시 초기값이 1인 aLI에 +1=id, id에 2 저장 (현재 id = 2) 2. 누적된 마지막번호인 aLI에 id의 2 저장 ```java int id = articleLastId + 1; articleLastId = id; System.out.printf("%d번 게시물이 입력되었습니다.\n", id); ``` 5. `System.out.printf("%d번 게시물이 입력되었습니다.\n", id);` - 이번에 등록될 게시물 번호 + 등록 확인 메시지 출력 ## 생성된 게시물 정보 출력 1. Article 클래스 생성 - id, title, body 속성 정의 2. `Article article = new Article();` - write 코드에 게시물 등록 시마다 `새 게시물` 객체 생성하는 코드 추가 4. `System.out.println("생성된 게시물 객체 : " + article); ` - 새 게시물 생성되어 저장됐는지 확인 메세지 출력 - ```java Article article = new Article(); article.id = id; article.title = title; article.body = body; System.out.println("생성된 게시물 객체 : " + article); ### 전문 코드 ```java import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("== 게시판 v 0.1 =="); System.out.println("== 프로그램 시작 =="); int articleLastId = 0; while (true) { System.out.printf("명령) "); String cmd = sc.nextLine(); if (cmd.equals("exit")) { break; } else if (cmd.equals("/usr/article/write")) { System.out.println("- 게시물 등록 -"); System.out.printf("제목 : "); String title = sc.nextLine(); System.out.printf("내용 : "); String body = sc.nextLine(); int id = articleLastId + 1; articleLastId = id; Article article = new Article(); article.id = id; article.title = title; article.body = body; System.out.println("생성된 게시물 객체 : " + article); System.out.printf("%d번 게시물이 입력되었습니다.\n", article.id); } else { System.out.printf("입력된 명령어 : %s\n", cmd); } } System.out.println("== 프로그램 종료 =="); sc.close(); } } class Article { int id ; String title; String body; } ``` ## toString 메소드 오버라이드 하기 Article의 article 객체를 출력하고자 할때, 원하는 양식으로 출력할 수 있음. ```java @Override public String toString() { return String.format("{id: %d, title: \"%s\"}", id, title); ``` ### 코드 ```java Article article = new Article(); article.id = id; article.title = title; article.body = body; System.out.println("생성된 게시물 객체 : " + article); ``` ## intellij 디버그 모드 사용하기 variables에서 지역변수, 범위에 따른 객체상황 등 볼 수 있음 `f6` : 수평이동 `f5` : 자세히 보기 ### 출력 예시 생성된 게시물 객체 : `{id : 1, title : "aa", body : "bb"}` article 객체를 출력 시 빨간줄처럼 나옴 ## 생성자 생성자를 이용해 게시물 객체 쉽게 만들기 1. Article 클래스에 생성자 정의 ```java Article(int id, String title, String body) { this.id = id; this.title = title; this.body = body; } ``` 2. write 기능 코드에 게시물 정보 입력 후, `Article article = new Article(id, title, body);` 생성자로 새 게시물 객체를 한줄로 생성 가능 4. `System.out.println("생성된 게시물 객체 : " + article);` - 이번 회차에 입력한 게시물 정보 출력 ## Todo 리스트 기법으로 분할정복하기 TODO - [x] 환영메세지 출력 - [x] 고객으로부터 명령어 입력받기 - [x] 스캐너 객체라도 하나 만들어보기 - [x] 받은 명령어 출력하기 - [x] exit 명령어 처리 - [x] exit 입력받으면 종료 라고 출력하기 - [x] exit 입력받을 때 까지 계속 실행 - [x] /usr/article/write 명령어 입력처리 - [x] 시작문구라도 출력 - [x] 제목과 내용이라도 입력받기 - [x] 생성된 게시물 번호 출력 - [x] 생성될 때 마다 게시물번호가 증가 - [x] 생성된 게시물을 객체에 담기 - [x] Article 객체 생성하기 - [x] Article 클래스 생성하기 - [ ] /usr/article/detail 명령어 입력처리 - [x] 명령어를 제대로 입력했다면, 입력받은 명령어 문구는 안나오도록 - [x] toString 메서드 오버라이드 하기 - [x] 생성자 도입 1. ~~백준 매일 3문제씩 풀기~~ 2. 개발 관련 유튜브 영상 시청 + 시청후기 작성 3. ~~오늘자 wiken위키 정리~~ 4. 공부Log 업로드(유튜브) 3H 이상 # 2021-11-18 목 008일차 오전 - 자바 텍스트 게시판 강좌 - usr/article/detail - usr/article/list - 복습 및 시험준비 오후 - 시험 : 12:30 ~ 14:00 - 프로그래밍 언어 활용 능력단위평가 # 자바 텍스트 게시판 구현 ## usr/article/detail 기능 구현 - 가장 최근 게시물의 상세정보 출력 기능 ## detail 기능 1. 마지막게시물이 없으면 (null이면), 게시물 미존재 알림메세지 출력 2. 마지막게시물이 있으면, 최신순으로 게시물 상세내용 출력 ``` 명령) /usr/article/detail - 게시물 상세내용 - 번호 : 2 제목 : cc 내용 : dd ``` ## `lastArticle` 객체 : 최신 게시물 정보를 담을 객체 - lastArticle을 while문 밖에 정의 - write기능코드에서 생성자로 새게시물 객체 생성 후, `lastArticle = article;` 코드 삽입 ```java else if (cmd.equals("/usr/article/detail")) { if (lastArticle == null) { System.out.println("게시물이 존재하지 않습니다."); continue; } Article article = lastArticle; System.out.println("- 게시물 상세내용 -"); System.out.printf("번호 : %d\n", article.id); System.out.printf("제목 : %s\n", article.title); System.out.printf("내용 : %s\n", article.body); } ``` Q1. 왜 lastArticle을 while문 밖에서 정의할까? A1. while문 안, detail기능 코드 안에다 정의하면 그 안에서밖에 못돌고 없어지는 하루살이 같은거고, 밖에 두면 돌아다닐 수 있는 (사용가능한) 범위가 크니까 수명이 김. Q2. 상세내용으로 그냥 lastArticle을 출력하면 되는 것 아닌가? 왜 article 객체에 마지막게시물을 넣을까 A2. article.title 처럼 깔끔하게 지으려고 # 배열 ## 일반변수와 참조변수 1. 일반변수 - ex) int, float, long, double - 값이 저장되는 변수 - int i; : int값 1개 - 2. 참조변수 - 참조변수는 보통 클래스이며, 주소값을 저장 - 참조변수의 주소값을 따라가 클래스를 찾아감 ## 일반변수와 레퍼런스변수의 배열 ```java class Main { public static void main(String[] args) { int i; // int 1개 int[] arr1 = new int[10]; char[] arr2 = new char[10]; } } ``` - `arr1`, `arr2` 모두 객체가 아닌 리모콘이 저장돼있음 - 객체는 저 멀리 다른곳에 있고, `arr1`, `arr2`로 리모콘 조종 ```java class Main { public static void main(String[] args) { Article a; Article[] arr3 = new Article[10]; } } class Article {} ``` `Article a;` - 게시물은 저장될 수 없고, 리모콘이 저장됨. - 게시물 조종가능한 리모콘 1개 `Article[] arr3 = new Article[10];` - 게시물 조종가능한 리모콘 10개 생성됨 - 게시물이 10개 생성된게 아닌, `Article a`가 10개 생긴거임 게시물을 생성하려면 ```java Article a1 = new Article(); ``` ## 배열의 한계 ```java class Main { public static void main(String[] args) { Article[] arr = new Article[2]; // 게시물 객체가 없는 상태, 배열선언만 arr[0] = new Article(); // arr 배열에 새 게시물 객체 생성 arr[1] = new Article(); // arr[2] = new Article(); //ArrayIndexOutOfBoundsException 발생 } } class Article {} ``` `arr[2] = new Article();` - `ArrayIndexOutOfBoundsException`발생 - 미리 정해놓은 배열 arr의 사이즈를 넘어가 객체 생성 X 배열은 미리 사이즈를 정해야 함 `Article[] arr = new Article[1000];` - 손님(객체)는 아직 없는 상태, 가게 크기를 1000만큼 만들었다. - 손님이 많이 올 것을 예측하면 사이즈를 크게 만드는 게 좋지만, - 손님이 안오는 경우엔 피해가 막심하며 공간이 낭비될 수 있음 ## ArrayList ### 배열과 ArrayList 비교 배열의 한계를 극복할 ArrayList는 `import java.util.ArrayList` 해야 사용가능 ```java import java.util.ArrayList; class Main { public static void main(String[] args) { Article[] arr1 = new Article[2]; // 배열은 만들 때 크기가 정해지며, 이후에는 절대 크기가 변경될 수 는 없다. ArrayList

arr2 = new ArrayList

(); // 배열과 달리, 리스트는 크기가 유연하게 변한다. } } class Article {} ``` 1. `Article[] arr1 = new Article[2];` - 크기가 고정돼있는 주머니 2. `ArrayList

arr2 = new ArrayList

();` - 크기가 고정돼있지 않은 고무주머니 ## add와 size 메소드 ```java ArrayList

arr2 = new ArrayList

(); System.out.println(arr2.size()); // 리스트 생성 직후는 사이즈 0 arr2.add(new Article()); arr2.add(new Article()); arr2.add(new Article()); System.out.println(arr2.size()); // 게시물 3개를 집어넣은 후, 사이즈 3 ``` - `.size()` 메소드 : 리스트안에 저장된 요소들의 개수를 반환 - `.add()` 메소드 : 리스트에 요소를 추가. 첫 인덱스는 0. ## get 메소드 get 메서드 : 인덱스를 인자로 넘기면 리스트 내의 해당 인덱스의 요소를 반환 ex) `Article article1 = arr2.get(0);` - 배열 arr2의 0번 인덱스 게시물 가져오기 - `[1번 게시물]` 출력 ### 코드 전문 ``` import java.util.ArrayList; class Main { public static void main(String[] args) { ArrayList

arr2 = new ArrayList

(); arr2.add(new Article(1)); arr2.add(new Article(2)); arr2.add(new Article(3)); Article article1 = arr2.get(0); // get 메서드 : 인덱스를 인자로 넘기면 리스트안에 있는 해당 인덱스의 요소를 반환한다. System.out.println(article1); } } class Article { int id; Article(int id) { this.id = id; } @Override public String toString() { return String.format("[%d번 게시물]", id); } } ``` ## ArrayList 객체의 모든 요소를 순회 ## 순회 v1 유도 과정 ```java for (int i = 0; i < 3; i++) { System.out.println(i); // 0, 1, 2 출력 } ========================= for (int i = 0; i < 3; i++){ System.out.println(arr2.get(0)); // [1번 게시물] 3번 출력 } ======================== for (int i = 0; i < 3; i++){ System.out.println(arr2.get(i)); // [1번 게시물] [2번 게시물] [3번 게시물] 출력 } ``` 코드 완성 ```java for (int i = 0; i < arr2.size(); i++) { System.out.println(arr2.get(i)); } ```` ## 순회 v2 v1을 응용해 `역순`으로 게시물 노출 ```java System.out.println("== 순회v2 =="); for (int i = arr2.size() - 1; i >= 0; i--) { System.out.println(arr2.get(i)); } ``` 1. `int i = arr2.size() - 1` - 역순이면 2,1,0으로 순회해야함 - `arr2의 사이즈 3` `- 1`이 인덱스 2가 되어 i에 들어가고, - i--때문에 순서대로, 2-1=`1`, 1-1=`0` 결과 ``` == 순회v2 == [3번 게시물] [2번 게시물] [1번 게시물] ``` ## 순회 v3 유도과정 ```java for (Article article : arr2) { System.out.println(article); } ``` 1. `arr2` : arr2에 3개 들어있으니, arr2에 들어가서 2. `Article article :` : 1번 게시물 끌고와 3. System.out.println(article); 실행 4. 순회하면서 과정 반복 ## 코드 전문 ```java import java.util.ArrayList; class Main { public static void main(String[] args) { ArrayList

arr2 = new ArrayList

(); arr2.add(new Article(1)); arr2.add(new Article(2)); arr2.add(new Article(3)); System.out.println("== 순회v1 =="); for (int i = 0; i < arr2.size(); i++) { System.out.println(arr2.get(i)); } System.out.println("== 순회v2 =="); for (int i = arr2.size() - 1; i >= 0; i--) { System.out.println(arr2.get(i)); } System.out.println("== 순회v3 =="); for (Article article: arr2) { System.out.println(article); } } } class Article { int id; Article(int id) { this.id = id; } @Override public String toString() { return String.format("[%d번 게시물]", id); } } ``` ## 과제 1. ~~백준 매일 3문제씩 풀기~~ 2. ~~개발 관련 유튜브 영상 시청 + 시청후기 작성~~ (4개) 3. ~~오늘자 wiken위키 정리~~ 4. ~~공부Log 업로드(유튜브) 3H 이상~~ # 2021-11-19 금 009일차 ## 진행상황 점검 프로그래머스 자바입문 : 4회차 완 프로그래머스 자바 알고리즘 : 9개 3개 백준 : 2-1 HTML, CSS : 안들어갔음 텍스트 게시판 : list만 이해하면 됨 ## 질문시간 ## 개발자와 공부법 소개 1. 나동빈님 - 백준 위주로 2. 배민 이동욱님 1. 하루3시간 공부 2. 아는 걸 블로그에 작성 [기억보단 기록을] 3. 1일 1커밋 3. 피토 우철승님 ### 나 공부습관 잡기 - 영상 3시간 공부 - 블로그 - 백준 매일 3개 한문제를 오래 고민해도 조급해하지 않아도 됨 메모와 수업에 집중하는 것 # /usr/article/list 기능 구현 ## list 출력 양식 ``` 명령) /usr/article/list - 게시물 리스트 - -------------------- 번호 / 제목 -------------------- 2 / cc 1 / aa ``` ## 테스트 데이터 메소드로 적용 static 맞춰주기 - public `static` void main(String[] args) - `static` void Main 클래스 내에 테스트 메소드 추가 - 매번 쳐서 테스트용 article 생성하기 불편하니 프로그램 시작 시부터 3개의 테스트데이터가 추가되도록 ```java static void makeTestData(ArrayList

articles) { articles.add(new Article(1, "제목1", "내용1")); articles.add(new Article(1, "제목2", "내용2")); articles.add(new Article(1, "제목3", "내용3")); } ``` ## 리스트 최신순으로 출력하기 `list`기능 else if문에 게시물 리스트를 최신순으로 출력하도록 for문 추가 ```java for (int i = articles.size() - 1; i >= 0; i--) { Article article = articles.get(i); ``` - 리스트 articles의 사이즈가 3이면, 인덱스는 0부터 시작이라 0,1,2라 인덱스는 `사이즈-1`부터 셈 - 역순이기 때문에 `i--` 해서 `2,1,0 순`으로 게시물 노출 ### get 메소드 - get 메서드 : 인덱스를 인자로 넘기면, 리스트 안에 있는 해당 인덱스의 요소를 반환 #### 예시 ``` Article article1 = arr2.get(0); ``` ## 마지막 게시물 번호 이후로 id 정하기 ### 상황 프로그램 시작 시 테스트메소드가 자동 생성 되고, 이후 write로 4번째 게시물을 추가하면 등록확인메세지로 `1번 게시물이 입력되었습니다`가 출력됨 => 코드 수정 필요 ### 테스트게시물 생성 후 다음 게시물 id가 올바르게 나오도록 ```java if (articles.size() > 0) { articlesLastId = articles.get(articles.size() - 1).id; } ``` - while문 밖, `makeTestData(articles);`로 테스트게시물 3개 생성한 상태 - articles 리스트의 사이즈(몇개있나)를 재본 후 게시물 1개라도 있으면, - `인덱스(사이즈-1)의 게시물번호`를 최신게시물 번호 저장변수인 `articlesLastId`에 저장 ## 새 게시물 생성 시 리스트 articles에 추가 write 기능코드에, detail 기능을 위한`lastArticle = article;` 다음줄에 추가 ```java article.add(article); ``` ## lastArticle 변수의 필요성을 제거 lastArticle이 굳이 필요할까, 어떻게 구할 수 있을까 1. `if(Article lastArticel = null){}`은 게시물이 존재하지 않는가를 확인하는 if문. - 리스트 articles가 비어있는지 확인하는`articles.size() == 0`으로 대체가능 - 더 줄여쓰면 `articles.isEmpty()` 2. detail 기능에서 최신게시물을 article에 저장하는 코드 `Article article = lastArticle;` - 리스트 articles의 마지막인덱스의 게시물을 article에 저장 `Article article = articles.get(9);` - `Article article = articles.get(articles.size() - 1);` 3. 변수 lastArticle이 더 이상 쓰여지지 않으니 while문 밖의 lastArticle 변수와 정의문`Article lastArticle = null;` 제거 - 코드 수정 전 ```java if (lastArticle == null) { System.out.println("게시물이 존재하지 않습니다."); continue; } Article article = lastArticle; ``` - 코드 수정 후 ```java if (articles.isEmpty()) { System.out.println("게시물이 존재하지 않습니다."); continue; } Article article = articles.get(articles.size() - 1); ``` ## ArrayList 관련 줄임표현 사용 3. 앞 ArrayList의 Array를 생략하고 List로 작성가능 - `import java.util.List;` 리스트 임포트 해야함 예시 ```java static void makeTestData(List

articles) {} // ArrayList

~ 과 동일한 결과 ``` 2 . 꺽쇠 안에 클래스가 같으면 뒤<>의 클래스명 생략 가능 ```java ArrayList

articles = new ArrayList

(); ↓ List

articles = new ArrayList<>(); ``` # 과제 1. ~~팀별 테크영상 시청 후 댓글, 좋아요 달기~~ 2. ~~wiken위키 정리~~ 3. ~~공부Log 업로드(유튜브) 3H 이상~~ 4. ~~백준 3문제 풀이~~ 5. ~~Html css 강좌 3개 수강~~ 6. ~~개발 관련 영상 시청~~ # 21-11-22 월 010일차 - 9:00 ~ 11:00 : 백준 문제풀이 진행 - 11:00 ~ 13:00 : 복습 및 시험준비 - 13:00 : 2차 재시험 ## 면담 - 프로그래머스 자바입문 : 4회차, 완 - 프로그래머스 자바 알고리즘 문제 : 3개 - 백준 : 2-4 - HTML/CSS, wiken 1315 : 10강 - REACT, wiken 767 : 0강 ## 자바 텍스트 게시판 구현 오늘의 목표 - write : 게시물 작성 - detail : 게시물 상세(마지막 작성 게시물) - list : 게시물 리스트 - 변수명을 강사와 동일하게 - 20분 안으로 # 과제 - ~~백준 매일 3문제씩 풀기~~ - ~~개발 관련 유튜브 영상 시청~~ - ~~오늘자 wiken위키 정리~~ - ~~공부Log 업로드(유튜브) 3H 이상~~ # 21-11-23 화 011일차 - 백준 문제 풀이 진행 ## 개발자 소개 # 피그마 팀원들과 피그마와 사용법을 공부하고, 컴포넌트, 폰트어썸 아이콘, 커스텀폰트, 언스플래시 활용해 링크 [to2.kr/dnm](to2.kr/dnm)의 앱 로그인 화면 협업해 만들기 ## 피그마와 소속관계 ### 소속관계 - 피그마 - 계정 - 팀 - 프로젝트 - 파일 - 페이지 - 프레임 - 파일 - 파일 ### 설명 - 파일 : 폴더 - 페이지 : 파일, 작업공간 - 프레임 : 하나의 화면 - ex) 메인화면, 회사소개, 로그인화면 - ex) Desktop 화면, 아이폰 13 pro max 화면 등 ## 협업할 팀원 초대하기 1. Share - can edit으로 변경 2. 팀원 이메일 작성 - Send invite 3. 접근 설정 - [ ] Anyone with the link : 링크를 아는 모두가 접근가능 - [x] Only people Invited to this file : 초대를 받은 사람만 접근가능 4. 팀원들은 알려준 이메일로 초대장 확인 후 접속 ## 폰트 적용 ### 폰트 다운 - 눈누에서 지마켓산스 폰트를 다운해 PC에 설치 - [눈누 사이트](https://noonnu.cc/) ### 폰트 적용 - 피그마에서 해당폰트 선택 - Text - Gmarket Sans TTF 적용 ## 폰트어썸 아이콘 삽입 - [폰트어썸 사이트](https://fontawesome.com/) - 이미지 복사 + 붙여넣기 ## unsplash 플러그인 적용 ### 플러그인 설치 홈 - 커뮤니티 - unsplash 검색 - 검색창에서 plug in 카테고리 접속 - install 하기 ### 플러그인 적용 1. r로 사각형 생성 2. 사각형 우클릭 - plug in - unsplash 3. 자유롭게 이미지 선택 후 적용 ## 유용한 단축키 - ctrl + 클릭, 클릭 : 2개 선택됨 - f : 프레임 생성 - t : 텍스트 작성 - alt v : 소속프레임 내 수직 정렬 - alt h : 소속프레임 내 수평 정렬 - ctrl g : 그룹화 - ctrl + alt + k : 컴포넌트화 ## 컴포넌트와 인스턴스 ### 컴포넌트 : 2번 이상 반복적으로 사용될 디자인 패턴 - 사용 빈도에 따라 생성 여부 결정 ### 컴포넌트와 인스턴스 ⁛ 컴포넌트 : 클래스 (부모) ⋄ 인스턴스 : 객체 (자식) - 컴포넌트 삭제, 수정 시 인스턴스 전체에 영향이 미침 - 컴포넌트 선택 후 수정할 때 - 컴포넌트는 틀만 만들어놓고 직접 사용하지 않기 때문에, 컴포넌트 프레임을 따로 만들어놓고 사용 - 인스턴스 선택 후 별도로 수정 가능함 ### 프레임너비가 바뀌어도 정렬상태 유지하는 부모, 자식 만들기 컴포넌트 center 정렬하기 # 과제 1. ~~백준 매일 3문제씩 풀기~~ 2. ~~개발 관련 유튜브 영상 시청~~ 3. ~~오늘자 wiken위키 정리~~ 4. ~~공부Log 업로드(유튜브) 3H 이상~~ 5. 개인적으로 모작한 앱 로그인 화면 이미지 + 후기 작성해 블로그글 업로드 - 원본 - ![원본이미지](https://i.imgur.com/PAanfDK.jpg) - 작업 - ![작업이미지](https://i.imgur.com/9Tg1Zy3.png) ### 후기 - 피그마 첫작업이라, 많이 어설픕니다. - 팀원분들과 재미있게 배우며 작업했습니다. - 다같이 하니까 생각보다 더 빨리 만들어졌습니다. - 컴포넌트에 관해 더 공부하겠습니다. # 21-11-24 수 012일차 - 백준 문제풀이 진행 ## 면담 - 프로그래머스 자바입문 : 4회차, 완 - 프로그래머스 자바 알고리즘 문제 : 3개 - 백준 : 3 - 4 - HTML/CSS, wiken 1315 : 10강 - REACT, wiken 767 : 0강 ## 자바 텍스트 게시판 구현 ## URL 적용 URL 적용방법 고민해보기 ``` /usr/article/detail?id=5 => 5번글 /usr/article/detail?id=3 => 3번글 /usr/article/list?page=1 20번글 ~ 11번글 /usr/article/list?page=2 10번글 ~ 1번글 ``` # Java # parsing - parsing - 기본적으로 특정내용을 추출한다는 의미를 내포 - ex) string클래스의 문자열을 split 메소드로 문자열 분리 - token : 각각의 작은 단어 - public static void main - → public, static, void, main으로 각각이 토큰이다 ## 36강 : String.split 메소드를 이용해 큰 문장 → 작은 문장들 분할 - " a=1&b=2&c=3"을 `&` 기준으로 분할 - `a=1`, `b=2`, `c=3`으로 토큰이 나눠짐 - `for (String bit : queryStringBits) ` - `&`를 기준으로 토큰들이 분할되고 저장된 queryStringBits를 임시변수bit로 순회하며 토큰들을 출력 ```java class Main { public static void main(String[] args) { String queryString = "a=1&b=2&c=3"; String[] queryStringBits = queryString.split("&"); System.out.println(queryStringBits); for (String bit : queryStringBits) { System.out.println(bit); } } } ``` ## 37강 : String.split 메소드를 다용해 세밀정보 추출 1. `&`을 기준으로 파싱 2. `=`를 기준으로 파싱 - bitBits = a, 1 / b, 2 / c, 3 - paramName과 paramValue에 저장해 for문안에서 bitBits를 순회하며 출력 ``` java class Main { public static void main(String[] args) { String queryString = "a=1&b=2&c=3"; String[] queryStringBits = queryString.split("&"); for (String bit : queryStringBits) { String[] bitBits = bit.split("="); String paramName = bitBits[0]; String paramValue = bitBits[1]; System.out.printf("%s : %s\n", paramName, paramValue); } } } ``` ## 38강 : Integer.parseInt 를 사용해서 문장을 정수화 하기 1. `&`을 기준으로 파싱 2. `=`를 기준으로 파싱 - bitBits = a, 1 / b, 2 / c, 3 - paramName과 paramValue에 저장 3. paramValue들인 문자열 "1", "2", "3"을 Integer.parseInt로 정수화한 후 a, b, c변수에 저장 후 출력 ```java class Main { public static void main(String[] args) { String queryString = "a=100&b=20&c=30"; String[] queryStringBits = queryString.split("&"); int a = 0; int b = 0; int c = 0; for (String bit : queryStringBits) { String[] bitBits = bit.split("="); String paramName = bitBits[0]; String paramValue = bitBits[1]; if (paramName.equals("a")) { a = Integer.parseInt(paramValue); } else if (paramName.equals("b")) { b = Integer.parseInt(paramValue); } else if (paramName.equals("c")) { c = Integer.parseInt(paramValue); } } System.out.printf("a : %d\n", a); System.out.printf("b : %d\n", b); System.out.printf("c : %d\n", c); } } ``` ## 기존 파싱로직의 문제점 `a=100&b=20&c=30`에 d=50을 추가함 → 출력시 당연히 안나옴 -`d=50`을 추가한 후 작업 1. 변수 d 추가 2. d에 paramValue 대입 3. 마지막 출력문에 d 출력문을 추가 ### 문제점 36~38강의 기존 파싱로직은 유연하지 않음 `a=100&b=20&c=30&d=60`이 어떤 형태던 각각의 파라미터가 &가 있고, =가 있으면 분할하고 파라미터는 =을 기준으로 좌우가 나눠져있다면 여기의 정보가 로직대로 정리되서 나왔으면 좋겠지만, 파라미터를 추가할 시, 코드도 일일이 추가된다 ```java class Main { public static void main(String[] args) { String queryString = "a=100&b=20&c=30&d=60"; String[] queryStringBits = queryString.split("&"); for ( String bit : queryStringBits ) { System.out.println(bit); } int a = 0; int b = 0; int c = 0; int d = 0; for (String bit : queryStringBits) { String[] bitBits = bit.split("="); String paramName = bitBits[0]; String paramValue = bitBits[1]; if (paramName.equals("a")) { a = Integer.parseInt(paramValue); } else if (paramName.equals("b")) { b = Integer.parseInt(paramValue); } else if (paramName.equals("c")) { c = Integer.parseInt(paramValue); } else if (paramName.equals("d")) { d = Integer.parseInt(paramValue); } } System.out.printf("a : %d\n", a); System.out.printf("b : %d\n", b); System.out.printf("c : %d\n", c); System.out.printf("d : %d\n", d); } } ``` # 기존 파싱 로직 개선 ## 리스트 2개를 사용해, 파라미터명들과 값들을 따로 담기 1. `&`기준으로 파싱 2. 변수명 리스트와 변수값 리스트를 생성 - List paramNames = new ArrayList<>(); List paramValues = new ArrayList<>(); 3. 1번 for문 : 변수명과 변수값을 `=`으로 파싱해 배열에 저장 - 저장한 값을 paramName과 paramValue에 대입 - 리스트 paramName과 paramValue에 저장 4. 2번 for문 : 리스트 size만큼 순회하며, paramName과 paramValue 출력 ```java import java.util.List; import java.util.ArrayList; class Main { public static void main(String[] args) { String queryString = "a=100&b=20&c=30&d=60&e=-50"; String[] queryStringBits = queryString.split("&"); List paramNames = new ArrayList<>(); List paramValues = new ArrayList<>(); for (String bit : queryStringBits) { String[] bitBits = bit.split("="); String paramName = bitBits[0]; String paramValue = bitBits[1]; paramNames.add(paramName); paramValues.add(Integer.parseInt(paramValue)); } for (int i = 0; i < paramNames.size(); i++) { String paramName = paramNames.get(i); int paramValue = paramValues.get(i); System.out.printf("%s : %d\n", paramName, paramValue); } } } ``` ## 리스트 2개를 사용해, 파라미터 이름들, 값들을 따로 담고 꺼낼때의 단점 ### 기존 로직 만약 queryString이 "count=1&age=14&studentNo=65&id=33"이 아닌 id와 count의 순서가 바뀌어 "id=33&age=14&studentNo=65&count=1"로 바뀌면 출력시 마지막코드의 paramValues.get()의 인덱스도 바꿔야 함 ```java String queryString = "count=1&age=14&studentNo=65&id=33"; : : : System.out.println(paramNames); System.out.println(paramValues); System.out.println("id : " + paramValues.get(1)); ``` ### 수정로직 - int idIndex = paramNames.indexOf("id"); - 리스트 paramName에 id란 단어가 있는데 인덱스가 뭐냐고 묻는 것 - 출력시 paramName의 인덱스에 맞춰 paramValue의 인덱스가 int idindex에 저장되기 때문에 paramValue의 인덱스를 일일이 바꿀 필요가 없음 ```java System.out.println(paramNames); System.out.println(paramValues); int idIndex = paramNames.indexOf("id"); System.out.println("id : " + paramValues.get(idIndex)); ``` ### 리스트는 변수명과 변수값이 따로 저장되기 때문에 예시 번호리스트와 이름리스트가 있는 상황에 번호가 5번인 '김연아'씨를 찾아주세요 하면, 지금방식이 5번을 먼저찾고 김연아씨를 찾는 것이다. 어쩔 수 없다. 리스트는 변수명과 변수값이 따로 저장되기 때문이다. ### 소스코드 ```java import java.util.List; import java.util.ArrayList; class Main { public static void main(String[] args) { // 압축된 데이터 String queryString = "count=1&age=14&studentNo=65&id=33"; // 압축해제 시작 String[] queryStringBits = queryString.split("&"); // &을 기준으로 파싱 List paramNames = new ArrayList<>(); // 변수명 리스트 생성 List paramValues = new ArrayList<>(); // 변수값 리스트 생성 for (String bit : queryStringBits) { String[] bitBits = bit.split("="); // =을 기준으로 파싱 String paramName = bitBits[0]; String paramValue = bitBits[1]; paramNames.add(paramName); paramValues.add(Integer.parseInt(paramValue)); } // 압축해제 끝 // System.out.println(paramNames); // System.out.println(paramValues); int idIndex = paramNames.indexOf("id"); System.out.println("id : " + paramValues.get(idIndex)); } } ``` # Map (HashMap) ## 리스트의 단점 => 만약 데이터 추가시 인덱스가 얽힌다면 출력코드의 인덱스도 일일이 변경해야 한다. 영희의 나이를 출력하고 싶다. 수민의 나이를 영희 앞에 새치기해 영희나이의 인덱스가 바뀌었다. 하지만 코드를 수정하지 않아 `System.out.println(ageList.get(2));` 이 상태로 유지해 결과를 보니 영희가 아닌 수민의 나이가 나온다. ```java // 리스트 버전 List ageList = new ArrayList<>(); ageList.add(20); // 철수나이, 0 ageList.add(15); // 수민나이, 1 ageList.add(30); // 영희나이, 2 ageList.add(23); // 영수나이, 3 // 영희의 나이는? System.out.println(ageList.get(2)); ``` ## 리스트의 단점을 보완한 map 1. map은 리스트와 달리 데이터가 한 쌍씩 저장된다 - ageMap.put("철수", 20); - "철수"는 key(인덱스), 20은 Value 2. 인덱스인 "영희"로 값을 가져올 수 있어 편하다. - System.out.println(ageMap.get("영희")); // 30 ```java // 맵 버전 Map ageMap = new HashMap<>(); ageMap.put("철수", 20); // 철수 ageMap.put("수민", 15); // 수민 ageMap.put("영희", 30); // 영희 ageMap.put("영수", 23); // 영수 // 영희의 나이는? System.out.println(ageMap.get("영희")); ``` 특징 - string 타입, integer 타입이 아니어도 여러 타입을 넣을 수 있다. - Map ageMap = new HashMap<>(); - map 생성코드를 축약할 수 있다. - HashMap ageMap = new HashMap(); - 축약 버전 : Map ageMap = new HashMap<>(); ### 소스코드 ```java import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { // 리스트 버전 List ageList = new ArrayList<>(); ageList.add(20); // 철수나이, 0 ageList.add(15); // 수민나이, 1 ageList.add(30); // 영희나이, 2 ageList.add(23); // 영수나이, 3 // 영희의 나이는? System.out.println(ageList.get(2)); // 맵 버전 Map ageMap = new HashMap<>(); ageMap.put("철수", 20); // 철수 ageMap.put("수민", 15); // 수민 ageMap.put("영희", 30); // 영희 ageMap.put("영수", 23); // 영수 // 영희의 나이는? System.out.println(ageMap.get("영희")); } } ``` ### List와 map의 비교 1. LIst - 데이터 추가 시 편함 - 데이터 가져오기가 불편 - 인덱스 자동생성 - 데이터 추가 함수 : add 2. Map - 데이터 추가 시 list와 비교적 불편 - 데이터 가져오기가 편함 - 인덱스 수동생성 - 데이터 추가함수 : put ## Map의 다양한 활용 실제로 list와 map 자료구조가 많이 쓰인다 ### map 타입이 String, String일 경우 나이가 모두 string타입이어서 출력시 영희나이 + 영수나이 하면 3020이 출력됨 ```java // 맵 버전 Map ageMap = new HashMap<>(); ageMap.put("철수", "20"); // 철수 ageMap.put("수민", "15"); // 수민 ageMap.put("영희", "30"); // 영희 ageMap.put("영수", "23"); // 영수 // 영희의 나이는? System.out.println(ageMap.get("영희") + ageMap.get("영수")); ``` ## 클래스도 Map에 추가 가능 - Article클래스를 생성 ```java class Article { int id; int hitCount; Article(int id, int hitCount) { this.id = id; this.hitCount = hitCount; } @Override public String toString() { return String.format("{id: %d, hitCount: %d}", id, hitCount); } } ``` - articleMap에 데이터 추가할 때, 인덱스와 Article의 새 게시물 객체를 추가할 수 있다. ```java Map articleMap = new HashMap<>(); articleMap.put("id가 가장 큰 게시물", new Article(100, 1)); articleMap.put("조회수가 가장 큰 게시물", new Article(1, 1000)); System.out.println(articleMap.get("id가 가장 큰 게시물")); System.out.println(articleMap.get("조회수가 가장 큰 게시물")); ``` ### 소스코드 ```java import java.util.List; import java.util.ArrayList; import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { // 맵 버전 Map ageMap = new HashMap<>(); ageMap.put("철수", "20"); // 철수 ageMap.put("수민", "15"); // 수민 ageMap.put("영희", "30"); // 영희 ageMap.put("영수", "23"); // 영수 // 영희의 나이는? System.out.println(ageMap.get("영희") + ageMap.get("영수")); Map articleMap = new HashMap<>(); articleMap.put("id가 가장 큰 게시물", new Article(100, 1)); articleMap.put("조회수가 가장 큰 게시물", new Article(1, 1000)); System.out.println(articleMap.get("id가 가장 큰 게시물")); System.out.println(articleMap.get("조회수가 가장 큰 게시물")); } } class Article { int id; int hitCount; Article(int id, int hitCount) { this.id = id; this.hitCount = hitCount; } @Override public String toString() { return String.format("{id: %d, hitCount: %d}", id, hitCount); } } ``` ## 배열, 리스트, 맵 비교 - ![자바의 배열, ArrayList, HashMap 비교정리](https://cdpn.io/jangka44/debug/YMGaGv) # 과제 1. ~~java 텍스트 게시판 강좌 복습 과제~~ - 36,37 버벅임없이 만들 수 있어야함 - 38 for문 , if ~ else if문 - 39강 for문 if문 - 40강 for문 아래로 다 - 41강 마지막 sout - 42강 쉽게 만들수 있어야함 - 43강 영희의 나이, class Article 빠르게 만들 수 있어야함 2. ~~백준 매일 3문제씩 풀기~~ 3. ~~오늘자 wiken위키 정리~~ 4. ~~공부Log 업로드(유튜브) 3H 이상~~ # 21-11-25 목 013일차 # Java ## URL과 쿼리스트링 ex) https://www.naver.com/usr/article/lista=1&b=2 모든 숫자와 문자는 `문자열로 통일` 1. `https://` - url 프로토콜 2. www.naver.com - 도메인 3. /usr/article/list - url path 4. a=1&b=2 - 쿼리스트링 5. a=1 - 파라미터 - a : 파라미터Name, 1 : 파라미터Vaule ## 쿼리스트링 파싱 : 리스트가 아닌 맵으로 구현 queryParams.get("a") // 인덱스 a를 넣으면 값인 1이 나오도록 queryParams.get("a") // 2 - id나 name의 순서를 바꿔도 인덱스에 맞춰 값이 나오기 때문에 상관이 없음 - String queryString = "id=33&count=1&age=14&studentNo=65&name=Paul" - for (String paramName : params.keySet()) - for문으로 리스트 params에 있는 key(인덱스)들만 가져와 순회하겠다 ```java for (String paramName : params.keySet()) { String paramValue = params.get(paramName); System.out.printf("%s : %s\n", paramName, paramValue); } ``` ### 소스코드 ```java import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { // 압축된 데이터 String queryString = "id=33&count=1&age=14&studentNo=65&name=Paul"; // 압축해제 시작 String[] queryStringBits = queryString.split("&"); Map params = new HashMap<>(); for (String bit : queryStringBits) { String[] bitBits = bit.split("="); params.put(bitBits[0], bitBits[1]); } System.out.println("== 원하는 것을 하나하나 가져와서 사용 =="); System.out.printf("id : %d\n", Integer.parseInt(params.get("id"))); System.out.printf("age : %d\n", Integer.parseInt(params.get("age"))); System.out.printf("studentNo : %d\n", Integer.parseInt(params.get("studentNo"))); System.out.printf("count : %d\n", Integer.parseInt(params.get("count"))); System.out.printf("name : %s\n", params.get("name")); System.out.println("== 반복문에 의해서 전체출력 =="); for (String paramName : params.keySet()) { String paramValue = params.get(paramName); System.out.printf("%s : %s\n", paramName, paramValue); } } } ``` ## 파싱로직을 매번 복붙해서 사용하는 바보같은 방법 어제 라면을 끓여 먹었는데, 오늘 또 라면을 끓여먹으려면 같은 작업을 반복할 수 밖에 없는 이런 방식이 일반적인 방법 하지만 코드중복보다 더 좋은 방법이 있다. ### 소스코드 ```java import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { // 압축된 데이터 String queryString1 = "count=1&age=14"; // 압축해제 시작 String[] queryString1Bits = queryString1.split("&"); Map params1 = new HashMap<>(); for (String bit : queryString1Bits) { String[] bitBits = bit.split("="); params1.put(bitBits[0], bitBits[1]); } // 압축해제 끝 System.out.println(params1); String queryString2 = "id=33&name=Paul"; // 압축해제 시작 String[] queryString2Bits = queryString2.split("&"); Map params2 = new HashMap<>(); for (String bit : queryString2Bits) { String[] bitBits = bit.split("="); params2.put(bitBits[0], bitBits[1]); } // 압축해제 끝 System.out.println(params2); } } ``` ## 파싱로직을 별도의 함수로 만들어두고, 필요할 때 마다 호출 매일 라면 끓여먹으니 적어둔 라면조리법을 보면서 매번 하는 것보다 그냥 라면 가게 차려놓고, 요리사를 고용해 차려준 라면을 먹는다. 1. Util 클래스 생성 2. Util.getParams(queryStr); 메소드를 생성 코드 중복이 최소화되어, 코드가 간결해짐 ### 소스코드 ```java import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { String queryString1 = "count=1&age=14"; Map params1 = Util.getParams(queryString1); System.out.println(params1); String queryString2 = "id=33&name=Paul"; Map params2 = Util.getParams(queryString2); System.out.println(params2); String queryString3 = "id=1&name=Paul"; Map params3 = Util.getParams(queryString3); System.out.println(params3); } } class Util { static Map getParams(String queryStr) { Map params = new HashMap<>(); String[] queryStrBits = queryStr.split("&"); for (String bit : queryStrBits) { String[] bits = bit.split("="); params.put(bits[0], bits[1]); } return params; } } ``` ## Util.getParams 함수를 오류기반개발로 구현 및 개선 1. for문 축약 queryStr.split("&")은 문장들이 발생하기 때문에 배열을 만들지 않고 그대로 for문에 넣어도 상관없음 - for (String bit : queryStr.split("&")) - 기존 for문 : - String[] bits = queryStr.split("&") for (String bit : bits) 2. "id=1&name="을 "id=1&name=Paul&age"로 변경시 - params.put(bits[0], bits[0])에서 `=`을 기준으로 파싱하는데 age는 값이 없어 params에 못 넣으니 에러가 난다 - 그래서 아래 코드를 추가해준다. ```java String[] bits = bit.split("=", 2); if (bits.length == 1) { continue; } ``` `=`로 좌우를 파싱했을 때, 2개가 나오도록 배열에 2개를 넣는데, 만약 배열 bits의 사이즈가 1이면, params에 넣지않고 for문의 처음으로 돌아가겠다 3 . "id=1&name="을 "id=1&name=Paul&`calc=[1=2]`"일 경우 - `=`을 기준으로 calc이 key이고, [1=2]가 값이라 인덱스가 calc, 값이 [1=2]로 나오도록 하고싶다 - 하지만 결과는 {name=Paul, id=1, calc=\[1}로 나옴 - 그래서 - `String[] bits = bit.split("=", 2);`로 코드를 작성 - `=`을 기준으로 최대 2개로 파싱되도록 - 결과 : {name=Paul, id=1, calc=\[1=2]} ### 소스코드 ```java import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { Map params = Util.getParams("id=1&name=Paul&calc=[1=2]"); System.out.println(params); System.out.println(params.get("id")); // 1 System.out.println(params.get("name")); // Paul System.out.println(params.get("calc")); // calc } } class Util { static Map getParams(String queryStr) { Map params = new HashMap<>(); for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); if (bits.length == 1) { continue; } params.put(bits[0], bits[1]); } return params; } } ``` ## 우리가 최종 다뤄야 할 URL의 구성성분 파악 - URL : /usr/article/list?page=2&searchKeyword=안녕&searchKeywordTypeCode=title,body - URL PATH : /usr/article/list - 컨트롤러 타입코드 : usr - 컨트롤러 : article - 액션메서드 : list - URL QUERY STRING : page=2&searchKeyword=안녕&searchKeywordTypeCode=title,body - URL QUERY PARAMS - page=2 - searchKeyword=안녕 - searchKeywordTypeCode=title,body ## 압축해제 로직 개선 # 과제 2. ~~백준 매일 3문제씩 풀기~~ 3. ~~오늘자 wiken위키 정리~~ 4. ~~공부Log 업로드(유튜브) 3H 이상~~ # 21-11-26 금 014일차 # 아두이노 - 오전 9~11시 : 펌웨어 구현 팀별로 작품목표를 정해 아두이노로 구현하기 ## 작품 설명 - 1번 버튼을 누르면 'Jingle Bells' 재생 - 2번 버튼을 누르면 전노래 중단, 'Santa Claus is coming to town' 재생 - 3번 버튼을 누르면 전노래 중단, 'We wish you a Merry Christmas' 재생 ## 아쉬운 점 - 첫번째 결과물 test : 노래변경기능이 구현되지 못함 버튼을 누르면 버튼번호에 맞게 멜로디가 변경되어야 하지만, 1번 멜로디인 'Jingle Bells'만 멈추지 않고 재생됨. - 두번째 결과물 test : 우노 불빛을 봤을 때, 버튼을 누르면 멜로디가 변경되는 것을 알수있지만, 부저를 통해 소리가 출력되지 않았음. ## 영상 [21_11_26 || 간단한 아두이노 작업물, switch 3개와 buzzer를 이용해 음악 재생하기](https://www.youtube.com/watch?v=-VSo4qQiVl0) # 자바 텍스트 게시판 ## 문제 : url로부터 쿼리스트링 정보를 얻고, 이를 파싱 - https://code.oa.gg/java8/1738 - getParams 함수를 완성 - 1시간이 걸리더라도 혼자힘으로 풀이 - 중간에 https://code.oa.gg/java8/1738 여기에서 여러가지 실험 - 문제 해결보다도 풀이과정에서 얼마나 버틸 수 있는지 - 한문제를 얼마나 오래 잡고 풀이할 수 있는지 파라미터 출력해보고 조금해보고 실행해보고 에러를 해결해나가며 고민해보고, 문제점이 뭔지 파악해보며 오류기반개발 ### 내 풀이 ```java import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { Map params = Util.getParamsFromUrl("/usr/article/list?page=2&searchKeyword=안녕"); System.out.println(params); System.out.println(params.get("page")); // 2 System.out.println(params.get("searchKeyword")); // 안녕 } } class Util { static Map getParamsFromUrl(String queryStr) { String[] bits = queryStr.split("\\?"); Map params = new HashMap<>(); String[] bit = bits[1].split("&"); for(String bitBit : bit){ String[] parambit = bitBit.split("="); params.put(parambit[0], parambit[1]); } return params; } } ``` Todo - [ ] `?`을 기준으로 파싱 - [ ] index 1의 값 얻기 - [ ] `&`을 기준으로 파싱 - [ ] 각각의 덩어리에 대해 후작업 - [ ] `=` 기준으로 파싱 - [ ] index 0은 키, index 1 값 ### 정답 - if문은 안전을 위해 - bit.split("=", 2);은 필요한 만큼 파싱하기 위해 ```java import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { Map params = Util.getParamsFromUrl("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); System.out.println(params); System.out.println(params.get("page")); // 2 System.out.println(params.get("searchKeyword")); // 안녕 } } class Util { static Map getParamsFromUrl(String url) { Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); // 2개 이상 나뉘는건 원치 않는다. // ?가 없는 경우를 위한 if문 if (urlBits.length == 1) { // 나뉘지 않았다면. `?` 가 없다는 뜻, 즉 더이상 할일이 없다는 뜻 return params; } String queryStr = urlBits[1]; for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); // 2개 이상 나뉘는건 원치 않는다. if (bits.length == 1) { // 나뉘지 않았다면 `=`가 없다는 뜻, 즉 잘못된 파라미터라는 뜻 continue; // for 문 상단으로 돌아간다. 즉 아래 코드가 스킵된다. } params.put(bits[0], bits[1]); } return params; } } ``` ## url로 부터 urlPath 부분만 추출 getUrlPathFromUrl() 메소드 생성 ### 소스코드 ```java class Main { public static void main(String[] args) { String urlPath = Util.getUrlPathFromUrl("/usr/article/list"); System.out.println(urlPath); urlPath = Util.getUrlPathFromUrl("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); System.out.println(urlPath); } } class Util { static String getUrlPathFromUrl(String url) { return url.split("\\?", 2)[0]; } } ``` ## Util보다 좋은 방법 1. Util의 메소드 2개 /usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야. 의 /usr/article/list 추출 → urlPath 메소드 의 page=2&searchKeyword=안녕? 추출 → params 메소드 하려면 코드 통째로 2번 들고날라서 메소드 2개에게 맡겨야 함 2. rq 객체 (매니저)에게 맡기기 - 내가 고용한 매니저에게 코드를 맡겨 내부과정 모르게 2개의 결과물 내기 ### 기존 Util 로직 이 로직을 다음단계(rq)에서 개선 ```java import java.util.HashMap; class Main { public static void main(String[] args) { Map params = Util.getParamFromUrl("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); System.out.println(params); String urlPath = Util.getUrlPathFromUrl("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); System.out.println(urlPath); } } class Util { static String getUrlPathFromUrl(String url) { String[] bits = queryStr.split("\\?"); Map params = new HashMap<>(); String[] bit = bits[1].split("&"); for(String bitBit : bit){ String[] parambit = bitBit.split("="); params.put(parambit[0], parambit[1]); } return params; } static string getUrlPathFromUrl(String) { return url.split("\\?", 2)[0]; } } ``` ## Rq 객체를 만들어서 이용해, Util을 몰라도 되는 구조 구현 ### 소스코드 ```java package com.jhs.exam.board; import java.util.Map; import java.util.HashMap; class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); // Rq 생성자로 rq 객체 생성 (요청 : ulr 파싱) Map params = rq.getParams(); System.out.println(params); String urlPath = rq.getUrlPath(); System.out.println(urlPath); } } class Rq { String url; Rq(String url) { this.url = url; } public Map getParams() { return Util.getParamsFromUrl(url); } public String getUrlPath() { return Util.getUrlPathFromUrl(url); } } class Util { static Map getParamsFromUrl(String url) { Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); // 2개 이상 나뉘는건 원치 않는다. if (urlBits.length == 1) { // 나뉘지 않았다면. `?` 가 없다는 뜻, 즉 더이상 할일이 없다는 뜻 return params; } String queryStr = urlBits[1]; for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); // 2개 이상 나뉘는건 원치 않는다. if (bits.length == 1) { // 나뉘지 않았다면 `=`가 없다는 뜻, 즉 잘못된 파라미터라는 뜻 continue; // for 문 상단으로 돌아간다. 즉 아래 코드가 스킵된다. } params.put(bits[0], bits[1]); } return params; } static String getUrlPathFromUrl(String url) { return url.split("\\?", 2)[0]; } } ``` # 과제 1. slog.gg/p/1612, 자바 텍스트 게시판 구현, 54강 소스코드를 혼자힘으로 처음부터 10분안에 구현 2. ~~백준 매일 3문제씩 풀기~~ 3. ~~오늘자 wiken위키 정리~~ 4. ~~공부Log 업로드(유튜브) 3H 이상~~ # 21-11-29 월 015일차 # 문제 1 (1739) [code.oa.gg/java8/1739](code.oa.gg/java8/1739) - main 메서드가 정상적으로 동작하도록 나머지를 구현해주세요. - 09시 15분에 시작 - 10분안에 완성 ```java class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); Map params = rq.getParams(); System.out.println(params); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath = rq.getUrlPath(); System.out.println(urlPath); // 출력 : /usr/article/list } } ``` ## 내 풀이 (1739 문제1) ```java import java.util.HashMap; import java.util.Map; // code.oa.gg/java8/1739 // - main 메서드가 정상적으로 동작하도록 나머지를 구현해주세요. // - 09시 15분에 시작 // - 10분안에 완성 class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); Map params = rq.getParams(); System.out.println(params); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath = rq.getUrlPath(); System.out.println(urlPath); // 출력 : /usr/article/list } } class Rq{ String url; Rq(String url){ this.url = url; } Map getParams(){ return Util.getParamsFromUrl(url); } String getUrlPath(){ return Util.getUrlPathFromUrl(url); } } class Util{ static Map getParamsFromUrl(String url){ Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); if(urlBits.length == 1){ return params; } String queryStr = urlBits[1]; for(String bits : queryStr.split("&")){ String[] bitBits = bits.split("=", 2); if(bitBits.length == 1){ continue; } params.put(bitBits[0], bitBits[1]); } return params; } static String getUrlPathFromUrl(String url){ return url.split("\\?")[0]; } } ``` ## 결과 (1739 문제1) ``` {page=2, searchKeyword=안녕? 나는 홍길동이야.} /usr/article/list ``` # 문제 2 (1740/57강) [code.oa.gg/java8/1740](code.oa.gg/java8/1740) - Rq의 객체가 Util 클래스의 메서드를 최대 2번까지만 호출하도록 구조를 바꿔주세요. - 다 하신분은 디스코드에 남겨주세요(댓글 : 1740) - 다 하신분은 code.oa.gg/java8/1741 풀어주세요. ```java import java.util.Map; import java.util.HashMap; // 수정불가능 class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); Map params = rq.getParams(); System.out.println(params); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath = rq.getUrlPath(); System.out.println(urlPath); // 출력 : /usr/article/list } } class Rq { String url; // 필드추가가능 // 수정불가능 Rq(String url) { this.url = url; } // 수정가능 public Map getParams() { return Util.getParamsFromUrl(url); } // 수정가능 public String getUrlPath() { return Util.getUrlPathFromUrl(url); } } // 수정불가능 class Util { static Map getParamsFromUrl(String url) { Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); // 2개 이상 나뉘는건 원치 않는다. if (urlBits.length == 1) { // 나뉘지 않았다면. `?` 가 없다는 뜻, 즉 더이상 할일이 없다는 뜻 return params; } String queryStr = urlBits[1]; for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); // 2개 이상 나뉘는건 원치 않는다. if (bits.length == 1) { // 나뉘지 않았다면 `=`가 없다는 뜻, 즉 잘못된 파라미터라는 뜻 continue; // for 문 상단으로 돌아간다. 즉 아래 코드가 스킵된다. } params.put(bits[0], bits[1]); } return params; } static String getUrlPathFromUrl(String url) { return url.split("\\?", 2)[0]; } } ``` ## 내 풀이 (1740 문제2) 문제는 Util 클래스의 메소드 2개를 각각 1번씩만 호출해 총 2번까지만 호출하라는 의미였다. 나는 Util 클래스의 메소드 1개당 2번씩까지만 호출하도록 구조를 변경하라는 의미로 알고 문제를 잘못 풀었다. ```java import java.util.Map; import java.util.HashMap; // 수정불가능 class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); Map params = rq.getParams(); System.out.println(params); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath = rq.getUrlPath(); System.out.println(urlPath); // 출력 : /usr/article/list Rq rq2 = new Rq("/usr/article/list?page=2&searchKeyword=안녕"); Map params2 = rq.getParams(); System.out.println(params2); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath2 = rq.getUrlPath(); System.out.println(urlPath2); // 출력 : /usr/article/list } } class Rq { String url; // 필드추가가능 int i; int j; // 수정불가능 Rq(String url) { this.url = url; } // 수정가능 public Map getParams() { if(i < 2){ i++; System.out.printf("%d번째 호출", i); return Util.getParamsFromUrl(url); } return null; } // 수정가능 public String getUrlPath() { if(j < 2){ j++; System.out.printf("%d번째 호출", j); return Util.getUrlPathFromUrl(url); } return null; } } // 수정불가능 class Util { static Map getParamsFromUrl(String url) { Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); // 2개 이상 나뉘는건 원치 않는다. if (urlBits.length == 1) { // 나뉘지 않았다면. `?` 가 없다는 뜻, 즉 더이상 할일이 없다는 뜻 return params; } String queryStr = urlBits[1]; for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); // 2개 이상 나뉘는건 원치 않는다. if (bits.length == 1) { // 나뉘지 않았다면 `=`가 없다는 뜻, 즉 잘못된 파라미터라는 뜻 continue; // for 문 상단으로 돌아간다. 즉 아래 코드가 스킵된다. } params.put(bits[0], bits[1]); } return params; } static String getUrlPathFromUrl(String url) { return url.split("\\?", 2)[0]; } } ``` ## 결과 (1740 문제2 내풀이) ``` 1번째 호출{page=2, searchKeyword=안녕? 나는 홍길동이야.} 1번째 호출/usr/article/list 2번째 호출{page=2, searchKeyword=안녕? 나는 홍길동이야.} 2번째 호출/usr/article/list null null ``` ## 정답 (1740 문제2) 1 . class Rq에 아래 필드를 추가 - `Map params;` - `String urlPath;` ```java class Rq { String url; Map params; String urlPath; ``` 2 . rq의 getParams 메소드에 `if문` 추가 - prams가 비어있다면 - Util.getParamsFromUrl이 실행된 값을 params에 저장 - params가 null이 아니면 - 메소드 `Utils.~`가 1회차 실행된(이미 저장돼있는) 값의 params를 리턴 - => `Util.getParams~` 가 최초 1회만 실행되도록 하는 구조 ```java public Map getParams() { if ( params == null ) { params = Util.getParamsFromUrl(url); } return params; } ``` 3 . rq의 getUrlPath 메소드에 if문 추가 - getParams 코드와 동일한 구조 (변수명 변경 주의) ### 소스코드 전문 ```java import java.util.Map; import java.util.HashMap; // 수정불가능 class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); Map params = rq.getParams(); System.out.println(params); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} System.out.println(rq.getParams()); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} System.out.println(rq.getParams()); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath = rq.getUrlPath(); System.out.println(urlPath); // 출력 : /usr/article/list System.out.println(rq.getUrlPath()); // 출력 : /usr/article/list System.out.println(rq.getUrlPath()); // 출력 : /usr/article/list } } class Rq { String url; Map params; String urlPath; // 필드추가가능 // 수정불가능 Rq(String url) { this.url = url; } // 수정가능 public Map getParams() { if ( params == null ) { params = Util.getParamsFromUrl(url); } return params; } // 수정가능 public String getUrlPath() { if ( urlPath == null ) { urlPath = Util.getUrlPathFromUrl(url); } return urlPath; } } // 수정불가능 class Util { static Map getParamsFromUrl(String url) { System.out.println("Util.getParamsFromUrl 호출됨!"); Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); if (urlBits.length == 1) { return params; } String queryStr = urlBits[1]; for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); if (bits.length == 1) { continue; } params.put(bits[0], bits[1]); } return params; } static String getUrlPathFromUrl(String url) { System.out.println("Util.getUrlPathFromUrl 호출됨!"); return url.split("\\?", 2)[0]; } } ``` ## 결과 (문제 2 1740 57강) ``` getParams 호출됨 {page=2, searchKeyword=안녕? 나는 홍길동이야.} {page=2, searchKeyword=안녕? 나는 홍길동이야.} {page=2, searchKeyword=안녕? 나는 홍길동이야.} getUrlPath 호출됨 /usr/article/list /usr/article/list /usr/article/list ``` # 문제 3 (1741 / 58강) code.oa.gg/java8/1741 - Rq의 객체가 Util 클래스의 메서드를 최대 2번까지만 호출하도록 구조를 바꿔주세요. - 힌트 : 생성자 - 다 하신분은 디스코드에 남겨주세요(댓글 : 1740) ```java import java.util.Map; import java.util.HashMap; // 수정불가능 class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); Map params = rq.getParams(); System.out.println(params); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath = rq.getUrlPath(); System.out.println(urlPath); // 출력 : /usr/article/list } } class Rq { String url; // 필드추가가능 // 수정가능, 여기서 뭔가를 해야 합니다. Rq(String url) { this.url = url; } // 수정가능, if문 금지 public Map getParams() { return Util.getParamsFromUrl(url); } // 수정가능, if문 금지 public String getUrlPath() { return Util.getUrlPathFromUrl(url); } } // 수정불가능 class Util { static Map getParamsFromUrl(String url) { Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); // 2개 이상 나뉘는건 원치 않는다. if (urlBits.length == 1) { // 나뉘지 않았다면. `?` 가 없다는 뜻, 즉 더이상 할일이 없다는 뜻 return params; } String queryStr = urlBits[1]; for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); // 2개 이상 나뉘는건 원치 않는다. if (bits.length == 1) { // 나뉘지 않았다면 `=`가 없다는 뜻, 즉 잘못된 파라미터라는 뜻 continue; // for 문 상단으로 돌아간다. 즉 아래 코드가 스킵된다. } params.put(bits[0], bits[1]); } return params; } static String getUrlPathFromUrl(String url) { return url.split("\\?", 2)[0]; } } ``` ## 정답 (문제 3 1741 59강) ```java import java.util.Map; import java.util.HashMap; // 수정불가능 class Main { public static void main(String[] args) { Rq rq = new Rq("/usr/article/list?page=2&searchKeyword=안녕? 나는 홍길동이야."); Map params = rq.getParams(); System.out.println(params); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} System.out.println(rq.getParams()); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} System.out.println(rq.getParams()); // 출력 : {page=2, searchKeyword=안녕? 나는 홍길동이야.} String urlPath = rq.getUrlPath(); System.out.println(urlPath); // 출력 : /usr/article/list System.out.println(rq.getUrlPath()); // 출력 : /usr/article/list System.out.println(rq.getUrlPath()); // 출력 : /usr/article/list } } class Rq { private String url; private String urlPath; private Map params; // 필드추가가능 // 수정가능 Rq(String url) { this.url = url; urlPath = Util.getUrlPathFromUrl(this.url); params = Util.getParamsFromUrl(this.url); } // 수정가능, if문 금지 public Map getParams() { return params; } // 수정가능, if문 금지 public String getUrlPath() { return urlPath; } } // 수정불가능 class Util { static Map getParamsFromUrl(String url) { System.out.println("Util.getParamsFromUrl 호출됨!"); Map params = new HashMap<>(); String[] urlBits = url.split("\\?", 2); if (urlBits.length == 1) { return params; } String queryStr = urlBits[1]; for (String bit : queryStr.split("&")) { String[] bits = bit.split("=", 2); if (bits.length == 1) { continue; } params.put(bits[0], bits[1]); } return params; } static String getUrlPathFromUrl(String url) { System.out.println("Util.getUrlPathFromUrl 호출됨!"); return url.split("\\?", 2)[0]; } } ``` # 과제 - ~~오늘자 위키정리~~ - ~~백준 3문제 풀이~~ - ~~HTML,CSS 강좌 ~20강까지 수강~~ - ~~slog.gg/p/1612, 자바 텍스트 게시판 구현, 62강 소스코드에서 시작~~ - 명령어 : /usr/article/list?orderBy=idDesc - 게시물번호 순으로 내림차순 정렬(원래대로) 되어서 출력 - 명령어 : /usr/article/list?orderBy=idAsc - 게시물번호 순으로 오름차순 정렬(기존과 반대) 되어서 출력 # 21-11-29 월 015일차 - 백준 문제 풀이 진행 - HTML/ CSS 강좌 - 10~15강 수강 - 자바 텍스트 게시판 강좌 - 55~62강 # HTML/CSS 강좌 - 10 ~ 15강 수강 - 주석 : `/* */` ## css 기본값 개념 css의 속성에는 기본값이 있기 때문에 변경하고 추가하는 방식 ex) 폰트 색깔 color : black; font-size : 1rem; ## block과 inline-block의 차이 1. block - (최대한 넓어짐) 너비최대, 세로 - 배열방향 : 세로 한줄 (블럭이라 위에서 아래로 한줄) 2. inline-block - (최소한으로 작아짐) 너비최소, 가로 ## 글자 꾸미기 ### 글자 두께 조절 - `font-weight:normal;` : 기본 두께 - `font-weight:bold;` : 굵게 ### 기본 폰트의 3배 - `font-size:3rem;` : 기본 폰트의 3배 - `font-size:140px;` : 한글자당 140px ### 자간 조절 - `letter-spacing:-10px;` : 자간 -10px - `color:#787878;` : 색상 ### color의 rgba - 인자 1(`red`) : 0 ~ 255 까지 - 인자 2(`green`) : 0 ~ 255 까지 - 인자 3(`blue`) : 0 ~ 255 까지 - 인자 4(`alpha, 투명도`) : 0 ~ 1 까지 ```css section { font-size:10rem; color:rgba(255,0,0,0.5); } ``` ## 테이블(표) 만들기 $$codepen https://codepen.io/jiin-coder/embed/bGoNPgM?default-tab=html%2Cresult&editable=true $$ - tr 엘리먼트 당 가로줄 완성 ```html 교시/요일 월 화 수 ``` ### 결과물 $$codepen https://codepen.io/jiin-coder/embed/XWebNqx?default-tab=html%2Cresult&editable=true $$ ## 보강 (선 깔끔하게) - 원래 table 바로 밑에 tr이 올 수 없다. - 1번 tr은 머리부분 => thead로 감싸기 - 2,3번 tr은 몸통부분 => tbody로 감싸기 Q. 머리, 몸통이 구분되어 있지 않다면? - tbody로 모두 감싸기 줄선 바꾸기 - table에 border-collapse:collapse;로 추가 - 공백있는 테두리줄선에서 줄선으로 바뀜 $$codepen https://codepen.io/jiin-coder/embed/eYGNBZy?default-tab=html%2Cresult&editable=true $$ ## br과 a 1. br - 줄바꿈 엘리먼트 - 여는태그만 있음 2. a - 링크버튼 엘리먼트 - href="" 링크버튼을 통해 이동할 주소를 href의 속성값으로 삽입 - target="_blank" : 새창으로 띄울지 여부를 속성값으로 선택 ### 속성 - 속성명 구분자 속성값 - 속성과 속성 간에는 띄어쓰기 필수 ### 예시 $$codepen https://codepen.io/jiin-coder/embed/dyVoOqb?default-tab=html%2Cresult&editable=true $$ # 자바 텍스트 게시판 구현 - 12시 20분부터 아래, 문제 2개 풀기 (Rq 도입하면 쉽게 구현가능) ## 문제 1, 게시물 상세보기 /usr/article/detail?id=4 - 게시물 상세내용 - 번호 : 4 제목 : 제목 4 내용 : 내용 4 /usr/article/detail?id=66 게시물이 존재하지 않습니다. ## 문제 2, 게시물 리스팅 정렬방식 /usr/article/list?orderBy=idDesc - 게시물번호 순으로 내림차순 정렬(원래대로) /usr/article/list?orderBy=idAsc - 게시물번호 순으로 오름차순 정렬(기존과 반대) # 21-11-30 화 016일차 - HTML/CSS 15강 - 자바 텍스트 게시판 구현: 59-62강 ## 59강, Rq가 Util한테 일을 최대한 적게 시키도록 구조개선, if문 금지 (정답) ## 60강, 복잡한 명령어를 처리하기 위해, Rq 도입 ## 61강, 게시물 상세보기 시에, 원하는 게시물 번호 입력 ## 62강, 입력된 id에 대해서 유효성 체크 # 21-12-01 수 017일차 - 백준 문제 풀이 진행 - 자바 텍스트 게시판 구현 : 63강 ~ 65강 # 자바 텍스트 게시판 구현 - 문제 1: ../list?page=2 - : 최신 게시물 건너뛰고 10개 나열 - filteredArticles1 - 문제 2 : ../list?searchKeword = 안녕 - : 제목과 내용 기반 검색 - filteredArticles1 - 문제 3 : ../list?orderBy=idAsc - : 역순정렬 - 문제 4 : 위 기능 3개가 동시에 적용가능하도록 구현 3-2-1-4 ## 문제 3 : 역순정렬 - 문제 2 : ../list?searchKeword = 안녕 - : 제목과 내용 기반 검색 - filteredArticles1 ## 풀이 ( 문제3) ```java boolean orderByIdDesc = true; // Url에 orderBy가 있고, // param의 인덱스 orderBy의 값이, idAsc와 같다면 if(params.containsKey("orderBy") && params.get("orderBy").equals("idAsc")){ orderByIdDesc = false; } if(orderByIdDesc){ // orderByIdDesc = true라 역순정렬 for (int i = articles.size() - 1; i >= 0; i--){ Article article = articles.get(i); System.out.printf("%d / %s\n", article.id, article.title); } }else{ // orderByIdDesc = false라 => Asc 정순정렬 for (Article article : articles) { System.out.printf("%d / %s\n", article.id, article.title); } } ``` ## 문장에 또 다른 문장이 포함되어 있는지 체크하는 방법 실험 ```java class Main { public static void main(String[] args) { String title = "제목입니다."; System.out.println(title.contains("제목")); // true System.out.println(title.contains("목입")); // true System.out.println(title.contains("입니다")); // true System.out.println(title.contains("입니다.")); // true System.out.println(title.contains("제목입니다.")); // true System.out.println(title.contains("제목입니다!")); // false System.out.println(title.contains("내용이다")); // false System.out.println(title.contains("제목ㅋㅋ")); // false } } ``` ## 숫자 중에서 짝수들만 필터링해서 새 리스트에 저장하는 방법 ```java import java.util.*; import java.util.ArrayList; import java.util.List; class Main { public static void main(String[] args) { List numbers = new ArrayList<>(); numbers.add(1); numbers.add(2); numbers.add(3); numbers.add(4); List evenNumbers = new ArrayList<>(); for (int num : numbers) { if (num % 2 == 0) { evenNumbers.add(num); } } System.out.println(evenNumbers); } } ``` ## 게시물 중 특정키워드 관련 단어만 따로 필터링해, 새 리스트에 저장하기 ```java import java.util.List; import java.util.ArrayList; class Main { public static void main(String[] args) { List

articles = new ArrayList<>(); articles.add(new Article(1, "안녕", "내용1")); articles.add(new Article(2, "ㅋㅋㅋ", "내용2")); articles.add(new Article(3, "ㅋㅋ 안녕", "내용13")); String searchKeyword = "1"; // 이 값과 위 게시물들의 제목과 내용을 여러가지로 바꿔서 실험 List

filterdArticles = new ArrayList<>(); for ( Article article : articles ) { if ( article.title.contains(searchKeyword) || article.body.contains(searchKeyword) ) { filterdArticles.add(article); } } System.out.println(filterdArticles); } } class Article { int id; String title; String body; Article(int id, String title, String body) { this.id = id; this.title = title; this.body = body; } @Override public String toString() { return String.format("{id: %d, title: \"%s\", body: \"%s\"}", id, title, body); } } ``` # intelli j ## 디버깅 툴 사용법 1. break point (벌레모양) alt + shift + d 라인번호에 찍기(빨간점) 2. variables에서 현황 파악 - F5 : Step Over - 함수내부로 진입 - F6 : Step Into - 다음라인 실행 - F7 : Step Out - 함수를 빠져나감 # HTML/CSS # 젠코딩 - HTML 코딩의 생사성을 향상시켜주는 도구 - 축약어 입력으로 코딩속도를 향상 ### 부가설명 - table > thead > tr+tbody \: 부모 자식 관계 - \: 형제 관계 ^, ()로 빠져나오거나, 구분짓기 ## 예시 1 : 젠코딩으로 무선표 만들기 ```html ``` ### 결과 1 - tr : 가로줄 (5개) - td : 세로줄 (2개) - td*2{번호} : td의 모든 내용으로 '번호' 삽입 $$codepen https://codepen.io/jiin-coder/embed/wvraoOe?default-tab=html%2Cresult&editable=true $$ ## 예시 2 : 자동번호 새기기 ``` ``` ## 결과 2 - {no.$} : SQL의 auto_increment처럼 자동으로 번호를 새긴다 $$codepen https://codepen.io/jiin-coder/embed/QWqbGXQ?default-tab=html%2Cresult&editable=true $$ ## 예시 3 : 젠코딩 5x5 표만들기 ``` ``` ### 결과 3 $$codepen https://codepen.io/jiin-coder/embed/wvragbQ?default-tab=html%2Cresult&editable=true $$ ## 예시 4 : border가 1인 table 100개 생성 ``` ``` ### 결과 4 $$codepen https://codepen.io/jiin-coder/embed/MWEwpWY?default-tab=html%2Cresult&editable=true $$ ## 젠코딩으로 3개의 링크 한번에 생성하기 ```html ``` # HTML /CSS ## 선택자 ### 예시 코드 $$codepen https://codepen.io/jiin-coder/embed/mdBJWEj?default-tab=html%2Cresult&editable=true $$ 1. 자식선택자 - `>` - ex) `div > a` - 선택자의 조건이 길수록 파워가 셈 - 자식선택자 : 바로 밑에 있는 태그가 자식 2. 후손 선택자 - ` ` - section 엘리먼트 안의 a는 후손선택자 3. 형제 선택자 - ex) div + div : 동생 div만 선택 - (선택자의 마지막 태그만) # text - align text-align 속성 : 텍스트의 정렬방향 (수평) - left - right - center - justify ( 양쪽 정렬 : 자동줄바꿈시) text align은 엘리먼트가 아니라 이의 텍스트를 정렬 ## Q. 글자가 아닌 엘리먼트도 정렬할 수 있을까? A. 그렇다. display:inline-block 하면 엘리먼트가 `텍스트 화` 된다. ## 예시 코드 $$codepen https://codepen.io/jiin-coder/embed/NWaqpvQ?default-tab=html%2Cresult&editable=true $$ ## inline 요소에 text-align 속성은 텍스트에겐 무의미 1. section에 block 속성을 주면 - 파란상자에는 적용되지 않고 왼쪽으로 이동 - section의 텍스트가 중앙정렬 2. section에 inline-block 속성을 주면 - section이 텍스트화되어 div의 text-align:center;가 section에게 적용 - 파란상자 자체가 중앙정렬 ### 예시코드 $$codepen https://codepen.io/jiin-coder/embed/zYEGZjz?default-tab=html%2Cresult&editable=true $$ ## 23강 자식선택자, 후손선택자 1. 자식선택자 div > a : 선택자의 조건이 길수록 파워가 셈 \> 자식선택자 : 바로 밑에 있는 태그가 자식 2. 후손 선택자 table td {} 2개 3. 형제 선택자 div + div : 동생 div만 선택 ( 선택자의 마지막 태그만) ## hover hover는 객체에 마우스가 올라가는 순간 적용된다. - 기존지정값 : red - 마우스 올린 순간 : blue ### 예시코드 $$codepen https://codepen.io/jiin-coder/embed/jOGPBgM?default-tab=html%2Cresult&editable=true $$ # 과제 1. ~~오늘자 위키 정리~~ 2. 백준 3문제 풀이 3. ~~HTML/CSS강좌 ~30강까지~~ 4. 추가구현기능 - 추가기능 1, 정렬 - 아래 Util.reverseList 메소드를 이용해서, 기존의 정렬로직을 간결하게 변경해주세요. - /usr/article/list?orderBy=idAsc - id 기준으로 오름차순으로 정렬 - /usr/article/list?orderBy=idDesc # 기본값 - id 기준으로 내림차순으로 정렬 - 추가기능 2, 검색 - /usr/article/list?searchKeyword=안녕 - 제목이나 내용에 안녕이라는 문장이 포함된 게시물만 필터링해서 보여줌 - 추가기능 3, 페이징 - /usr/article/list?page=1 # 기본값 - 전체 게시물이 아닌, 최신 게시물 10개만 보여줌 - /usr/article/list?page=2 - 전체 게시물이 아닌, 최신 게시물 10개 건너띄고 10개만 보여줌 # 21-12-02 목 018일차 - wiken 블로그 정리 - 팀프로젝트 주제선정 회의 - 자바 텍스트 게시판 강좌 66~69강 # 팀프로젝트 ## 프로젝트 회의 - 제작기간 : 22.01.01 ~ 01.15 (15일) - 기술 : HTML, CSS, JS, 스프링부트, MySQL 1. 주제 선정 - 10:20 , 자기 생각 점검, 검색 - 20~40 분까지 ## 와이어프레임 제작 # 자바 텍스트 게시판 구현 ## 1. 정렬 : Util.reverseList를 이용한 정렬로직 간소화 추가기능 1, 정렬 - 아래 Util.reverseList 메소드를 이용해서, 기존의 정렬로직을 간결하게 변경해주세요. - /usr/article/list?orderBy=idAsc - id 기준으로 오름차순으로 정렬 - /usr/article/list?orderBy=idDesc # 기본값 - id 기준으로 내림차순으로 정렬 - 참고자료 : Util.reverseList 메소드 ```java class Util { // 이 함수는 원본리스트를 훼손하지 않고, 새 리스트를 만듭니다. // 즉 정렬이 반대인 복사본리스트를 만들어서 반환합니다. public static List reverseList(List list) { List reverse = new ArrayList<>(list.size()); for ( int i = list.size() - 1; i >= 0; i-- ) { reverse.add(list.get(i)); } return reverse; } } ``` ### list의 정순/역순 정렬 if문 로직 개선 1. `List

sortedArticles = articles;` 코드 추가 - articles의 리모콘이 복사된 것이고, 원본이 복사된 게 아님 ``` System.out.println("-------------------"); List

sortedArticles = articles; // 코드 추가 boolean orderByIdDesc = true; ``` 2 . orderByIdDesc가 true면 sortedArticles = Util.reverseList(sortedArticels); ```java if (orderByIdDesc) { sortedArticles = Util.reverseList(sortedArticels); // 복사해 정렬을 반대로 바꾼 리스트 반환 // 원본을 복사해 정렬을 바꾼 리스트의 리모콘을 sortedAritlces에게 } ``` ### 코드 삭제 1. 기존 코드 ```java if (orderByIdDesc) { for (int i = articles.size() - 1; i >= 0; i--) { Article article = articles.get(i); System.out.printf("%d / %s\n", article.id, article.title); } } else { for (Article article : articles) { System.out.printf("%d / %s\n", article.id, article.title); } } ``` 2 . 간소화된 코드 ```java boolean orderByIdDesc = true; // params의 키로 orderBy가 있고, params의 orderBy 값이 idAsc가 맞으면 // orderByIdDesc는 false : idAsc if (params.contatisKey("orderBy") && params.get("orderBy").equals("idAsc")) { orderByIdDesc = false; } // 복사해 정렬을 반대로 바꾼 리스트 반환 if (orderByIdDesc) { sortedArticles = Util.reverseList(sortedArticles); } // sortedArticles의 article을 순회하며, id와 title을 출력 for (Article article : sortedArticles) { System.out.printf("%d / %s\n", article.id, article.title); } ``` ## 테스트 게시물 개수 100개로 증가 ```java static void makeTestData(List

articles) { for (int i = 0; i < 100; i++) { int id = i + 1; articles.add(new Article(id, "제목" + id, "내용" + id)); } } ``` ## 검색 : 게시물list에서 searchKeyword 파라미터를 이용한 검색어 필터링 추가기능 2, 검색 - /usr/article/list?searchKeyword=안녕 - 제목이나 내용에 안녕이라는 문장이 포함된 게시물만 필터링해서 보여줌 1. 필터링한 게시물을 담을 리스트 생성 - List\

filteredArticles = articles; - Article의 리모콘을 복사해 필터링한 게시물을 리스팅 할 수 있도록 2. 만약 params에 searchKeyword가 있다면, 필터링 작업을 하겠다 - " searchKeyword 변수에 param의 서치키워드 값을 넣겠다 ```java if (params.containsKey("searchKeyword")) { String searchKeyword = params.get("searchKeyword"); ``` 3 . filteredArticles 리스트 객체 생성 ```java if (params.containsKey("searchKeyword")) { String searchKeyword = params.get("searchKeyword"); filteredArticles = new ArrayList<>(); ``` 4 . for문으로 순회하며 게시물 꺼내기 - matched가 참이면 필터링된 게시물을 filteredArticles 리스트에 추가 - 게시물 제목에 서치키워드 값이 있거나, 내용에 서치키워드 값이 있다면 `참` ```java for (Article article : articles) { boolean matched = article.title.contains(searchKeyword) || article.body.contains(searchKeyword); if (matched) { filteredArticles.add(article); } } ``` 5 . List\

sortedArticles를 articles를 filteredArticles로 고쳐 이어나가기 - list에는 searchKeyword와 orderBy param이 있음 - list 기능 처음에 filteredArticles에 articles를 넣었기 때문에 만약 검색이 없어도 모든 게시물을 정렬을 함 ### 소스코드 ```java // list 로직 내에서 // 검색시작 List

filteredArticles = articles; if (params.containsKey("searchKeyword")) { String searchKeyword = params.get("searchKeyword"); filteredArticles = new ArrayList<>(); for (Article article : articles) { boolean matched = article.title.contains(searchKeyword) || article.body.contains(searchKeyword); if (matched) { filteredArticles.add(article); } } } // 검색끝 List

sortedArticles = filteredArticles; ``` ## 명령어 usr/article/list에 대한 처리를 별도의 함수로 분리 일단 if문이 한덩어리라 테스트를 따로 할 수 없고, 너무 거대하고, 코드를 보기도, 찾기도 불편하다 => 메소드로 분리하기 1 . else if 조건문은 그대로 두고, 내용만 따로 뺀다. ```java else if (rq.getUrlPath().equals("/usr/article/list")) { actionUsrArticleList(rq, articles); } ``` 2 . 내용을 그대로 메소드로 들고가면, articles, params등 없다고 빨개짐 1. articles는 리스트 articles를 매개인자로 넘겨 생성 2. params는 매개인자로 rq를 넘겨, 객체 생성 ```java private static void actionUsrArticleList(Rq rq, List

articles) { : : Map params = rq.getParams(); ``` # 과제 - ~~오늘자 위키 정리~~ - 백준 3문제 풀이 - ~~HTML/CSS강좌 ~40강까지~~ - ~~개발 관련 영상 시청 후 배운 내용 wiken블로그에 업로드~~ - ~~공부Log 업로드(유튜브) 3H 이상~~ - ~~단톡방에 공부 LOG 영상링크 공유~~ # 21-12-03 금 019일차 - 블로그 위키 정리 - 자바 텍스트 게시판 70 ~ 75강 - html CSS 41 ~ 50강 # 자바 텍스트 게시판 구현 MVC 기법 ## actionUsrArticleDetail 메서드 구현 main 메소드에서 분리해 main클래스 소속의 Detail 메소드를 구현 1. else if문 남겨두고, 내용만 메소드화 ```java else if (rq.getUrlPath().equals("/usr/article/detail")) { actionUsrArticleDetail(rq, articles); } ``` 2 . params는 rq한테 맡기기, articles는 리스트로 넘겨주기 ```java private static void actionUsrArticleDetail(Rq rq, List

articles) { Map params = rq.getParams(); : ``` 3 . continue; -> return; - 반복문 아니고, 이 함수로 끝내야 하니까 리턴 ### 소스코드 ```java private static void actionUsrArticleDetail(Rq rq, List

articles) { Map params = rq.getParams(); if (params.containsKey("id") == false) { System.out.println("id를 입력해주세요."); return; } int id = 0; try { id = Integer.parseInt(params.get("id")); } catch (NumberFormatException e) { System.out.println("id를 정수형태로 입력해주세요."); return; } if (id > articles.size()) { System.out.println("게시물이 존재하지 않습니다."); return; } Article article = articles.get(id - 1); System.out.println("- 게시물 상세내용 -"); System.out.printf("번호 : %d\n", article.id); System.out.printf("제목 : %s\n", article.title); System.out.printf("내용 : %s\n", article.body); } ``` ## actionUsrArticleWrite 메서드 구현 - articlesLastId는 지역변수에 불과하다 - 메소드 호출 시 매개인자의 articlesLastId는 복사본 밖에 안되니 else if문에서 ++;해주기 ```java else if (rq.getUrlPath().equals("/usr/article/write")) { actionUsrArticleWrite(rq, sc, articles, articlesLastId); articlesLastId++; ``` ### 소스코드 1 . 메소드 호출 ```java else if (rq.getUrlPath().equals("/usr/article/write")) { actionUsrArticleWrite(rq, sc, articles, articlesLastId); articlesLastId++; ``` 2 . actionUsrArticleWrite 메소드 ```java private static void actionUsrArticleWrite(Rq rq, Scanner sc, List

articles, int articlesLastId) { System.out.println("- 게시물 등록 -"); System.out.printf("제목 : "); String title = sc.nextLine(); System.out.printf("내용 : "); String body = sc.nextLine(); int id = articlesLastId + 1; Article article = new Article(id, title, body); articles.add(article); System.out.println("생성된 게시물 객체 : " + article); System.out.printf("%d번 게시물이 입력되었습니다.\n", article.id); } ``` ## 72강, articles, articlesLastId 변수를 static 변수로 승격 ### 1 while 문안에서만 돌던 변수를 main 클래스내에서 공유자원으로 main class 내의 모든 것들에 접근 가능하도록 while문 밖, main 클래스 내에 선언하도록 변경 공유자원 - int articlesLastId = 0; - List

articles = new ArrayList<>(); main 메소드 =/= main 클래스 ### 2 접근해야할 메소드들이 모두 static이므로 공유변수도 static ## 클래스별 파일 분리 ## 74강, 스캐너를 공공재로 변경하여, 언제 어디서거든 쉽게 접근하도록 container 공유자원을 모을 곳은 하나 ## 75강, static 초기화 블록 사용 main 클래스의 static 생성자 구축 static으로 만들어서 접근가능하게 # 76강, 클래스 도입하여, 불필요했던 static 키워드를 대부분 제거 77강, 각 클래스들의 역할 정리 # MVC와 컨트롤러 ## 79강, UsrArticleController 클래스 도입 ## 80강, Rq.g ## Rq.getIntParam 을 도입하여 소스코드 다이어트 ## 82강, 회원가입 기능 구현 [소스코드]() 회원가입은 member클래스가 맡고 1 . Controller 클래스 ```java class Container { static Scanner sc; static UsrArticleController usrArticleController; // 코드추가 static UsrMemberController usrMemberController; // 코드추가 static { sc = new Scanner(System.in); usrArticleController = new UsrArticleController(); usrMemberController = new UsrMemberController(); // 코드추가 } } ``` 2 . app클래스한테 토스해주기 ```java else if (rq.getUrlPath().equals("/usr/member/join")) { Container.usrMemberController.actionJoin(rq); } ``` 3 . UsrMemberController에 usrMemberController.actionJoin - 게시물 write 기능과 유사하니 코드 가져와 수정 4 . member 클래스 ```java public class Member { String loginPw; String loginId; int id; public Member(int id, String loginId, String loginPw) { this.id = id; this.loginId = loginId; this.loginPw = loginPw; } @Override public String toString() { return String.format("{id: %d, loginId: \"%s\", loginPw: \"%s\"}", id, loginId, loginPw); } } ``` # HTML/CSS ## 자식선택자 `>` : 자식선택자 - `div>section*2>nav[tab키 입력]` ```html

``` ## 인접동생 선택자 - `+` - `div+section[tab키 입력]` - 인접한 동생태그만 선택된다 ```html

``` ## ` - ` ` : 공백 한칸 ( 두칸 이상 띄우기) ### 예시 줄을 기준으로 - 위는 아무리 html코드에서 글자를 띄어놔도 결과창에선 그대로다 - 아래는 만큼 공백이 생겼음 $$codepen https://codepen.io/jiin-coder/embed/BawNVrL?default-tab=css%2Cresult&editable=true $$ ## text-decoration 속성 - text-coration : none - 글자의 효과 제거 ## inline과 inline-block의 차이 inline은 height, margin, padding가 안먹힘 ## 이미지 태그 1. google.com에 접속해 구글로고에 마우스 두고 우클릭 - google.com과 새탭이랑 다름 2. 이미지 주소 복사 3. ctrl + t해서 새탭 열기 - 주소창에 복사한 주소 붙여넣기 ### 코드펜 `img + tab`하고 src 속성에 복사한 주소 붙여넣기 $$codepen https://codepen.io/jiin-coder/embed/dyVYezV?default-tab=html%2Cresult&editable=true $$ ### 예시코드 $$codepen https://codepen.io/jiin-coder/embed/bGodKjq?default-tab=css%2Cresult&editable=true $$ ## picsum photos로 쉽게 테스트용 이미지 사용 picsum photos는 html코드창에서 이미지의 크기를 편하게 변경해 테스트용 이미지로 사용하기 좋다 - [picsum photos 사이트](https://picsum.photos/) - `

` - 237 자리 : 이미지 번호 - 200 자리 : 너비 - 300 자리 : 높이 ### 예시코드 $$codepen https://codepen.io/jiin-coder/embed/ExwVLbg?default-tab=html%2Cresult&editable=true $$ ## img 엘리먼트의 object fit 스타일 속성 모든 이미지는 비율을 갖고있다 - 너비, 높이 증감 시 1. css에서 강제로 너비를 증감하면 원본비율에 맞게 맞춰짐 2. 너비, 높이를 강제로 증감 시, 강제로 위아래로 가감됨 ### 예시 $$codepen https://codepen.io/jiin-coder/embed/vYeNjdR?default-tab=html%2Cresult&editable=true $$ ## object fit 스타일 속성 - object fit : contain - 원본비율, 너비맞춤 - 위아래 공백을 생길 수 있음 - object fit : cover - 원본비율, 높이맞춤 - 사진이 잘릴 수 있음 ### 예시 $$codepen https://codepen.io/jiin-coder/embed/poWjVKv?default-tab=html%2Cresult&editable=true $$ ## padding 과 margin `padding` : border 기준 안 - top, bottom, right, left `margin` : border 기준 밖 - top, bottom, right, left ### 예시 $$codepen https://codepen.io/jiin-coder/embed/WNZQJPe?default-tab=html%2Cresult&editable=true $$ ## nth child, nth last child, first child, last child 태그 선택자를 순번대로 편하게 지정할 수 있다 1. nth child - ex) `div : nth child (2)` - div인 2번째 자식 태그 2. nth last child - ex) `div : nth last child (2)` - div인 마지막에서 2번째 자식 태그 3. first child - ex) `div : first child` - div인 첫번째 자식 태그 4. last child - ex) `div : last child` - 마지막 자식 div 태그 ## 예시 $$codepen https://codepen.io/jiin-coder/embed/KKXdRYp?default-tab=html%2Cresult&editable=true $$ # 과제 - ~~오늘자 위키 정리~~ - 백준 3문제 풀이 - ~~HTML/CSS강좌 ~50강까지~~ - ~~개발 관련 영상 시청 후 배운 내용 wiken블로그에 업로드~~ # 21-12-06 월 020일차 - 한달 수강평 작성 - to2.kr/aSB - 프로그래머스 파이썬 입문 진행 - 아나콘다 / 파이참 강좌 # 아나콘다 ## 아나콘다 개요 컴퓨터 A - 프로젝트 1 : 파이썬 2.x 버전 - 프로젝트 2 : 파이썬 3.7, 장고 2.x - 프로젝트 3 : 파이썬 2.x, 장고 3.x 버전 각각 상이한 버전일지라도 별도의 프로젝트를 생성할 수 있는 가상환경이 `아나콘다` ## 아나콘다 설치 next - next - 1. Select Installation Type - 체크 :All Users 2. next 3. Advanced Option - 체크 : Add Anaconda3 to the system PATH environment variable 4. next - nextx3 - finish 5. 아나콘다가 성공적으로 설치됐는지 확인 - cmd에 `conda` 입력 - conda 키워드로 정보가 출력되면 성공 ## 설치된 파이썬 위치 및 버전 확인, 파이썬 쉘 cmd에 아래 명령 입력 1 . `where python` : 설치된 python 위치 확인 - 첫번째 기록만 확인 ``` C:\Users\82102>where python C:\Users\82102\anaconda3\python.exe C:\Users\82102\AppData\Local\Microsoft\WindowsApps\python.exe ``` 2 . `where pip` : 설치된 pip 위치 확인 - pip는 패키지 매니저와 비슷하다 - 과거에는 남들이 구현한 것들을 다운했어야 했지만, pip를 통해 쉽게 가져올 수 있다 3 . `pip --version` : pip 버전 확인 4 . `python` : 파이썬 쉘로 접속 - `exit()` : 파이썬 쉘에서 빠져나가기 ## 아나콘다 가상환경 세팅 `base` : conda 가상환경 생성 전에, 기본적으로 생성된 가상환경명 - site1 프로젝트에서 파이썬 3.10이 필요하다는 가정하에 진행 1. `conda info --env` - 생성된 가상환경 리스트 명령어 - base 밖에 없으니 새 가상환경을 생성하자 2. `conda create --name site1 python=3.10` - 새 가상환경 생성 명령어 - 환경명은 프로젝트명과 동일하게 작성 3. `y` - 설치된 파이썬 버전은 3.9x이니 그럼 3.10버전에 맞게 설치해야 할 목록 출력 - Proceed ([y]/[n])?가 나오면 y - 설치 완료 후 conda info --env하면 site1이 추가돼있음 4. `conda activate site1` - 가상환경 활성화 명령어 - site1을 활성화 5. `python --version` - 파이썬 버전이 3.10으로 변경된 것을 확인 6. `where pip` - 새로운 pip가 추가된 것을 확인 7. `conda deactivate` - 가상환경 해제 명령어 8. `conda info --env` - 상태가 site1에서 base로 변경된 것을 `점 위치`로 확인 가능 # 파이참 ### 설치 : 모두 next 1. 체크안함 2. do not import settings ## 새 프로젝트 열기 1. work (작업) 폴더 생성 - C:\work\python_projects\site1 2. 인터프리터 추가 1. previous configured interpreter 체크 - conda interpreter 선택 - 인터프리터 주소 맞는지 확인 - OK - create 2. file - settings - interpreter 키워드로 검색 - 인터프리터 주소를 통해 인터프리터 지정 ## 세팅 및 단축키 설정 0. terminal - Tools의 Terminal - default였던 Shell path를 cmd.exe로 변경 - 터미널명 옆에 x 클릭 후 다시 켜면 적용 1. file - settings - keymap 키워드로 검색 - Windows로 변경 1. keymap 내 검색창에 font 키워드로 검색 - Increase font size : `Ctrl` + `Shift` + `NumPad +` - Dcrease도 반대로 2. 코드 쳐보고 `ctrl + z` 후 `ctrl + y`하고 알림창 나오면 `Redo 선택` 3. 코드창에 `print(__name__)`을 입력 후 실행하면 결과창에 `__main__`이라 나옴 - 이 파일 내에서는 이 main.py가 시작점이다 하고 `이름`으로 나오는 게 `__main__` ``` if __name__ == '__main__': print_hi('PyCharm') ``` - 이 파일이 main.py - if문으로 이 파일을 콕 집어 실행할 때만 저 전체코드가 실행됨 다른 파일의 부속품으로 간다면 레벨 0인 a = 10랑 b=20만 실행됨 (if문 실행문은 레벨 몇인지 모름) ### 아래는 취향에 맞게 1. theme - Appearance : 취향에 맞게 theme 변경 2. font : use custom font 체크 후 취향에 맞게 폰트, 크기 변경 3. python Console 클릭 - 엑세스 허용 # MySQL ## xxamp 다운 [xxamp 다운로드](https://www.apachefriends.org/index.html) ## 실습 환경 설치 0. xampp.exe 실행 1. next 2. Apache, MySQL, PHP 제외 한 모든 체크 해제 3. next x 4 ## XAMPP Control Panel 설명 ![xampp](https://i.imgur.com/1avYbp8.png) - 기본적으로 start를 클릭해 서버에 접속한 후, 패널을 꺼도 mysql에 여전히 접속되어있음 끄려면 stop을 클릭해야함 # 서버와 클라이언트 xampp는 mysql을 설치하기 위해 설치 1. MySQL Client : 접속기 - (mysql.exe) - 접속대상에 연결 등 필요할 때만 on - ex) 익터넷 익스플로어, 크롬, 사파리 2. MySQL Sever : 접속대상 - (mysqld.exe) - stop을 누르지 않는 이상 항상 켜져 있음 - ex) 네이버, 다음 ![image.png](data:image/png;base64,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) mysql과 mysqld는 브라우저와 웹사이트와의 관계와 동일 네이버에 접속하기 위해 크롬을 여는 것과 같다 ## 백그라운드 - ctrl + alt + del : 작업관리자 작업관리자를 살펴보면 1. 앱 : 현재 열려있는 앱 - 내가 열고 끌 수 있는 앱 (메모장, 크롬) 2. 백그라운드 : 프로세스 - 은은히 보이지 않는 곳에서 실행중이다가 유저가 켜면 bios에서 감지해 앱으로 표시 - 접속기는 앱의 성질을 띈다 : onoff 가능 - 윈도우의 백그라운드가 리눅스에선 데몬 (mysql`d`) ## 쉘 - cls : 화면 정리 (화면 초기화) - ctr l+ C : 빠져나가기 `mysql - h localhost -u root` - mysql : MySQL로 접속하겠다 - h : 위치 (host) - localhost : 내가 현재 사용 중인 컴퓨터에서 돌아가고 있는 mysql서버에 접속하겠다 ## 클라이언트(mysql)로 서버(mysqld)에 접속테스트 xampp 쉘에 `mysql - h localhost -u root` 입력 1. 에러가 발생한다면 접속을 안한것 (패널의 start를 안누른 것) 2. Welcome to the MariaDB monitor 어쩌구가 출력되면 성공 # 3강 IP, 도메인, localhost, 127.0.0.1 ## IP 인터넷에 연결된 기기(컴퓨터)를 식별하는 고유주소 ## 도메인 IP주소의 단점을 보완하기 위해, 인터넷에 연결된 컴퓨터를 사람이 쉽게 기억해 입력하도록 문자로 만든 인터넷주소 - ex ) NAVER - IP : 223.130.195.95 - 도메인 : https://www.naver.com/ ## localhost mysql(클라이언트; 접속기)와 mysqld(서버; 접속대상)이 한 컴퓨터에 설치되어 있어 스스로의 서버에 접속 가능 mysql -h 1.1.1.1 -u root => 1.1.1.1 서버에 접속 하겠다 `localhost`이라는 도메인은 `127.0.0.1`이라는 ip와 연결되어 있음 `127.0.0.01`은 기본적으로 자신의 컴퓨터를 가리키는 IP - localhost는 목적지가 나 A(localhost) => A B(localhost) => B ### 스스로의 서버에 접속 (아래 3줄 모두 동일한 말) 1. mysql -h 127.0.0.01 -u root 2. mysql -h localhost -u root 3. mysql -u root ## 포트와 포트 주소 1. 포트 - : 클라이언트 프로그램이 네트워크 상의 특정 서버 프로그램을 지정하는 방법 2. 포트 주소 - : 실행되고 있는 서버를 구분하기 위해 장치의 프로그램에 할당된 번호 ### 예시 ex) `1.1.1.1`의 IP주소까지가 구청이라면 포트주소인 `:3306`은 창구번호 ex) NAVER의 도메인 네이버의 도메인인 https://www.naver.com/ 뒤에는 포트주소 `:443`이 생략되어 있음 각 프로그램마다 포트주소가 다르며 - MySQL : 3306 - 웹 : - http : 80 - https : 443 ## 포트를 3306이 아닌 3307로 변경 후 접속테스트 1. `3306 포트`로 접속 1. xampp 쉘에 `mysql -h 127.0.0.1 -P3306 -u root` 입력 - 127.0.0.1 ip의 3306포트로 접속하겠다 - 패널을 보면 mysql의 PID 5360, Port 3306이라 표시되어있다 - mysql이 윈도우한테 3306포트로 들어온 건 자기한테 보내라는 의미 2. mysql의 config 클릭 - my ini 클릭 - .txt 파일로 설정파일이 열림 - 스크롤 내리다보면, [mysqld] 바로 밑줄에 `port=3306`으로 설정되어 있음 3. 3306을 `3307`로 변경해 저장 - 패널로 돌아오면 port가 3307로 변경돼있음 2. `3307 포트`로 접속 1. xampp 쉘에 `mysql -h 127.0.0.1 -P3306 -u root` 입력 - 에러남 2. xampp 쉘에 `mysql -h 127.0.0.1 -P3307 -u root` 입력 - 접속 성공 3. mysql 포트는 암묵적으로 3306이니 다시 원상복귀 합시다 ## 명령어 축약 - mysql -h 127.0.0.1 -P3306 -u root 1. mysql -h 127.0.0.01 -u root - 암묵적으로 mysql 포트는 3306이기 때문에 생략 가능 2. mysql -h localhost -u root - localhost와 127.0.0.1은 동일하기 때문에 대체 가능 3. mysql -u root - 기본적으로 서버주소와 포트주소가 암묵적으로 지정되어 있기 때문에 생략 가능 ## 6강, my.ini에서 lower_case_table_names 의 값을 2로 변경하는 코드 추가 \[mysqld] 코드 바로 밑에 `lower_case_table_names = 2` 추가 - 내가 테이블명을 예를 들어 `myArticle`로 정의했지만, 윈도우에서 자동으로 myarticle로 변경함 - 읽기 쉬우라고 일부러 저렇게 정의한거니, 바꾸지 마라 - 꼭 저장 후, 접속기를 재시작 (설정파일 수정 시 필요) ``` [mysqld] lower_case_table_names = 2 ``` # SQLYOG - 번들로 설치된 기본 접속기보다 좋다 - xampp 쉘로 명령내리는 것보다 SQLYog 시스템으로 다루는 게 더 편함 -![sqlyog 홈화면](https://i.imgur.com/yxtEv8F.png) 1. 새 연결 - 이름 (즐겨찾기명) : `xampp` 2. mysql - Host adress : localhost - 사용자이름 : root - 포트 : 3306 - 명령외워서 쉘에 입력하는 것보다 폼이 있어 편함 3. xampp 패널에서 start 4. 열려있던 xampp 끄고 - 파일 - 새연결 - 연결 ### 알고 가야할 것 - sqlyog가 mysql인게 아니라 xampp 패널의 mysql임을 알아야함 - sqlyog는 접속해주는 접속기 즉, 클라이언트에 불과함 - DB가 sqlyog에 저장된 게 아니라 xampp 패널의 mysql에 저장된 것 1. MySQL : DBMS - 많은 DB를 관리 2. DB : 데이터베이스 - 표들의 집합, 폴더 3. 테이블 : 엑셀 - (칼럼, row) # 장고(Django) 개발 환경 세팅 ## 가상환경 생성 cmd창에서 시작 1. conda info --env - 생성된 가상환경 리스트 명령어 2. conda create --name site2 python=3.10 - 가상환경 새로 생성 명령어 - site1 프로젝트에서 파이썬 3.10이 필요하다는 가정하에 진행 - conda info --env 4. conda activate site2 - 가상환경 활성화 명령어 ## 장고 설치 `(site2) 상태`에서 진행 5. pip list - 기존에 설치된 패키지들 목록 - 단순히 확인하기 위한 명령어, 스킵가능 6. pip install django - 장고설치 - pip list 7. conda deactivate - 가상환경 해제 명령어 - pip list ## django admin 으로 startproject 하여 site2 프로젝트 생성 cmd창에서 시작 장고 설치 확인 - pip list 1. cd c:\work 2. cd django_projects 3. django-admin startproject site2 : - 장고 프로젝트 생성 명령어 - dir : site2 생성 완료 - start . : 폴더열리고, mysite는 삭제 site2 폴더 안에 site2 폴더가 또 생성됨 - 안쪽에 있는 폴더가 진짜 앱 - 폴더명 변경금지 - 바깥쪽 폴더명은 변경가능 - 이렇게 폴더안에 폴더로 생성된 이유 - 바깥쪽 site2 폴더안에 다른 앱(폴더)를 쉽게 넣을 수 있도록 만들기 위한 구조 - 초반에는 신경안써도 됨 ## 파이참으로 site2 프로젝트 열기 1. site2 활성화 - conda activate site2 2. cd C:\work\django_projects 4. 기존 파이참, file => close project 5. 파이참,오픈 프로젝트 ### 세팅 - interpreter : site2로 설정 - 터미널 : window 에서 (site2)로 돼있으면 완료 ## pip show Django 명령 : 실제로 장고가 설치된 위치 파악하기 1. pip list - 장고 설치됐는지 확인 2. pip show Django - 장고 패키지 설치위치 등의 정보 출력 3. cd c:\ ~~~~ - pip show Django의 정보 중 설치 위치를 ctrl+c 해서 명령어 입력 4. start . - site2-packages-django-conf-project_template 파일의 - manage.py -tpl이 원본이고, site2의 manage.py는 복사본 ## 8강, 프로젝트 실행 1. 파이참 터미널(cmd)에 `python manage.py runserver` 입력 2. ip 타고 들어가서 화면 나오면 성공 ## 9강, 기본 마이그레이션 1. python manage.py showmigrations - 아직 수행되지 않은 마이그레이션들 목록 2. python manage.py sqlmigrate admin 0001 - 특정 마이그레이션에서 실제로 수행되는 sql을 보기 - app_label 이 admin 이고, migration 번호가 0001 이라는 가정하에 진행 - python manage.py sqlmigration 은 미리보기 비슷함 3. python manage.py showmigrations - 미수행 마이그레이션들 목록 4. python manage.py migrate - 아직까지 수행되지 않은 남아있는 마이그레이션들 모두 진행 1. 상위 site2 폴더의 urls.py에 들어가보면 'admin/' - 크롬에서 localhost:8000/admin 접속 - 어드민 관리 로그인창이 나옴 5. python manage.py createsuperuser - super(어드민) 생성명령어 - 관리자 생성 - 이메일은 스킵가능 6. super 만든 정보로 localhost:8000/admin 화면 로그인 ## 10강, 개발 DBMS를 MySQL로 변경 개발 : sqlite3 운영 : mysql(maria DB) 파이참에서 1. site2의 settings.py 열기 2. pip install mysqlclient - mysqlclient 설치 - `꼭 xampp로 서버 접속한 상태로` 3 . site2/settings.py, DB정보 변경 전 ```sql DATABASES = { 'default': { 'ENGINE': 'django.db.backends.sqlite3', 'NAME': BASE_DIR / 'db.sqlite3', } } ``` 4 . site2/settings.py, DB정보 변경 후 ```sql DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'site2', # DB명 'USER': 'sbsst', # DBMS 접속 아이디 'PASSWORD': 'sbs123414', # DBMS 접속 비번 'HOST': '127.0.0.1', # DBMS 주소 'PORT': '3306', # DBMS 포트 'OPTIONS': { 'init_command': "SET sql_mode='STRICT_TRANS_TABLES'", } } } ``` 5 . 파이참 터미널에 `python manage.py runserver`입력 - site2 db가 없다며 오류날 경우 - sqlyog에서 `CREATE DATABASE site2` 코드 입력 후, 실행 (f9) - site 2 db 생성됨 6 . 다시 `python manage.py runserver`입력 - 링크 타고 접속 시 화면에 '성공적으로 설치 어쩌구' 하면 성공 # 과제 1. ~~프로그래머스, 파이썬 입문, 파트 1 ~ 파트 10~~ 2. ~~slog.gg/p/2373, 파이썬 개발환경 세팅, 1강 ~ 8강~~ 3. ~~slog.gg/p/884, MySQL 완전기초, 1강 ~ 10강~~ 4. ~~slog.gg/p/2377, 장고 개발환경 세팅, 1강 ~ 17강~~ # 21-12-07 화 021일차 - 장고, 파이참, sql 개발환경세팅 - 다 못끝낸 어제자 과제 진행 - Mysql 기초 9,10강 연습 # 21-12-08 수 022일차 - 점프투장고 1장 진행 # 점프투장고 장고 3.0.0 => 장고 3.2.9 no git => git venvs => conda sqlite => Mysql # 21-12-09 목 023일차 - 개인면담 - MySQL 9, 10강 연습 - 점프투장고 진행 # 21-12-10 금 024일차 - 점프투장고 2장 진행 # 점프 투 장고 2-01 URL과 뷰 ## 목표 django-admin startapp pybo 명령으로 pybo앱 생성 후 브라우저에서 `http://localhost:8000/pybo` 페이지를 요청할 시 "안녕하세요 pybo에 오신것을 환영합니다."라는 문자열을 출력 1. config/urls.py에 URL 매핑(`views.index를 호출 매핑)을 추가 2. pybo/views.py 파일에 뷰함수인 views.index를 추가 # 1차 페이지 요청 테스트 python manage.py runserver : 로컬서버를 먼저 구동 그냥 한번 브라우저에서 http://localhost:8000/pybo 페이지를 요청해보기 `Page not found (404)` 라는 오류가 발생 config/urls.py 파일에 요청한 /pybo URL에 해당되는 매핑이 없다는 오류 내용 ![404 오류](https://i.imgur.com/Gw3czmF.png) ## 오류를 해결하기 위해 해야 할일은? - config/urls.py 파일에 `/pybo` URL에 대한 매핑을 추가 - pybo/ URL이 요청하면, `views.index를 호출하라는 매핑`을 `urlpatterns`에 추가 - views.index : views.py 파일의 index 함수 - 장고의 urls.py - 페이지 요청 발생 시, 가장 먼저 호출되는 파일 - URL과 뷰 함수 간의 매핑을 정의 - 뷰 함수 - views.py 파일에 정의된 함수 `[파일이름: C:\projects\mysite\config\urls.py]` ```python from django.contrib import admin from django.urls import path from pybo import views // 코드 추가 urlpatterns = [ path('admin/', admin.site.urls), path('pybo/', views.index), // 코드 추가 ] ``` 호스트명과 포트가 생략된 `pybo/`로 매핑 - urlpatterns에서 실제 URL은 `http://localhost:8000/pybo` 왜냐하면 호스트(예:localhost)와 포트(예:8000)는 서버가 어떤 환경에서 실행되는지에 따라 변하기 때문 ## pybo가 아닌 pybo/인 이유 pybo/ 를 pybo라고 하지 않고 뒤에 슬래시(/)를 하나 더 붙여준다. 뒤에 슬래시를 붙여주면 브라우저 주소창에 http://localhost:8000/pybo 라고 입력해도 자동으로 http://localhost:8000/pybo/ 처럼 변환된다. 이렇게 되는 이유는 `URL을 정규화`하는 장고의 기능 때문이다. 특별한 경우가 아니라면 URL 매핑시 항상 끝에 슬래시를 붙여 주도록 하자. *** # 2차 페이지 요청 테스트 한참 후에 "사이트에 연결할 수 없음"이라는 오류가 화면에 표시될 것 로컬 서버에는 다음과 같은 오류가 출력 오류의 원인 : URL 매핑에 추가한 `뷰 함수 views.index`가 없기 때문 ``` (... 생략 ...) File "c:\projects\mysite\config\urls.py", line 23, in path('pybo/', views.index), AttributeError: module 'pybo.views' has no attribute 'index' ``` ## 오류를 해결하기 위한 작업 => pybo/views.py 파일에 index 함수를 추가 `[파일이름: c:\projects\mysite\pybo\views.py]` ``` python from django.http import HttpResponse def index(request): return HttpResponse("안녕하세요 pybo에 오신것을 환영합니다.") ``` - HttpResponse : 요청 페이지에 대한 응답 시, 사용하는 장고 클래스 - 여기서는 "안녕하세요 pybo에 오신것을 환영합니다." 라는 문자열을 브라우저에 출력하기 위해 사용 - index 함수의 매개변수 `request` : 장고에 의해 자동으로 전달되는 HTTP 요청 객체 ## 결과화면 뷰함수 작성 후 다시 페이지 요청을 해보면 성공적인 화면이 노출 ![pybo 성공](https://i.imgur.com/gyzhBKP.png) ## 장고 개발흐름 ![장고 개발 흐름](https://i.imgur.com/S4FHgJW.png) 브라우저에서 로컬 서버로 http://localhost:8000/pybo 페이지를 요청[1] urls.py 파일에서 `/pybo URL 매핑`을 확인해, views.py 파일의 `index 함수를 호출`[2] 호출한 결과를 브라우저에 반영하는[3] 흐름 # 21-12-13 월 025일차 - 점프투장고 진행 - 협업 프로젝트 안내 - github flow 팀연구 및 협업테스트 # github flow # 개념 ## git과 다른 특성 - 피드백이나 도움이 필요할 때, 그리고 병합을 위한 준비가 완료되었을 경우 pull request를 생성 - 꼭 PR을 통해 merge를 진행한 후, master로 merge를 진행 ## 브랜치 개념 독립적인 어떤 작업을 진행하기 위한 개념 각각의 브랜치는 각각 독립적이기 때문에, 여러 작업을 동시에 진행할 수 있다 ## 브랜치 작업 단위 구분 1. master : 배포가 된 공식적인 이력을 저장 - . 즉, 최종적으로 App Store에 올라가 있는 이력이 저장되어 있습니다. 2. develop : 여기서는 통합적인 개발을 진행하는 브랜치 - 즉, master 브랜치로부터 나와서 새로운 기능들을 개발해나갑니다. 3. feature : 기능을 단위로 개발을 진행 - develop으로부터 나와서 각 단위의 기능을 개발해나갑니다. 4. release : 배포할 준비가 완료되고 내부적으로 완성이 된 경우에 QA을 위한 브랜치 - develop으로부터 뻗어나와서 QA을 진행하고 버그들을 수정해나갑니다. 5. hotfix : master 브랜치로 배포를 완료했는데, 긴급하게 버그가 생긴 경우 수정을 진행 ## github flow 팀연구 [Git / GitHub 안내서 | 기본가이드 ](https://subicura.com/git/guide/) 2인 1조로 기본자료 및 웹서치를 이용해 github flow 사용법 연구 # github flow 협업 테스트 ## 시나리오 (간단 .ver) A와 B가 협업 각자 브랜치 생성, 이슈 작업, 풀리퀘스트 요청 및 승인, merge까지 1. A : 리포 생성 - README.md 로 커밋 발생 2. 리포지터리 및 브랜치 세팅 2. 협업할 멤버 초대 3. 이슈 생성 4. git clone 5. 브랜치 생성 - `git switch -c 브랜치명` 6. B : 이슈에 대한 작업 7. B : 풀리퀘스트 요청 8. A : B의 pr 승인 후, merge ## 시나리오 (설명 첨부) 1. 리포 생성 - github 리포지터리 생성 - README.md 로 커밋 발생 - 그래야 브랜치 세팅이 생김 2. 리포지터리 및 브랜치 세팅 - 해당 리포지터리 settings - option - merge button - `Allow squash merging`만 체크 - 풀리퀘 승인을 받아야 master에 merge 가능하게 - master 브랜치 생성 - 해당 리포지터리 settings - Branches - `Add rule` - 브랜치 명 `master` - `Include administrators` 체크 - 관리자(운영자)도 풀리퀘 승인을 받아야 master에 merge 가능하게 2. 협업할 멤버 초대 - settings - Manage access - Add people - 초대받은 협업자는 이메일로 accept 3. A : 이슈 생성 4. git clone 5. 브랜치 생성 - `git switch -c 브랜치명` 6. B : 이슈 작업 - 작업 후, git add / commit / push 7. B : A에게 pr 요청 - 작업자 : pr (풀리퀘스트) 요청 8. B : A에게 승인 받은 후, merge - 담당자 : pr 승인(/수정 요청) 시 master 브랜치에 merge # merge 충돌 실험 ## 시나리오 기존 프로젝트 파일 : a.txt (내용 : . ) 이슈 1 : a.txt 내용을 `안녕하세요`로 수정 이슈 2 : a.txt 내용을 `안녕하세요!` 로 수정 7. a.txt로 B가 이슈1 작업의 merge는 안한상태로 유지 8. a.txt로 A가 이슈2 작업 후, push - B의 작업 후 pull 안한 채, 기존 a.txt(내용 . )로 9. A 풀리퀘 승인받고 머지처리, B의 작업은 충돌해결 후 머지 # 21-12-14 화 026일차 - 점프 투 장고 진행 - 3-10 까지 진행 - 2장 개념 wiken정리 # 개인별 전문분야 - 김한얼 : 도커, 젠킨스, 깃허브 웹훅, CI/CD - 오늘의 목표 : master 브랜치 커밋발생, 웹훅 호출, 젠킨스 빌드 시작까지 - 유용재 : 장고 ORM - 오늘의 목표 : https://django-orm-cookbook-ko.readthedocs.io/en/latest/ 공부(진도 30% 이상) - 오대진 : 파이썬 TDD - 오늘의 목표 : 장고 테스트에 대한 전반적인 조사 - 이명한 : 엘라스틱서치, 키바나, 로그스태시 - 검색폼을 통해서 검색, 장고를 통한 엘라스틱 서치 조회 후 결과를 템플릿으로 출력 - 김채민 : 소셜로그인, JWT, 엑세스토큰, 리프레시 토큰, 카카오로그인 - 오늘의 목표 : 장고에 카카오톡 소셜 로그인 구현(JWT 없이) - 추가 : GIT, DB 모델링, 크롤링, POSTMAN ## 김지애 / 개인별 전문분야 기본 장고 - 비 SPA 장고REST 프레임워크 - SPA - 리액트, 뷰, 앵귤러 - oauth, rest, spa, 세션과 jwt 조사 소셜로그인, JWT, 엑세스토큰, 리프레시 토큰, 카카오로그인 - 오늘의 목표 : 장고에 카카오톡 소셜 로그인 구현(JWT 없이) 오늘 내로 간단하게 REST 프레임워크 조사 # 21-12-15 수 027일차 # 프로젝트 팀원구성 1팀 - 김민규님(조장) - 김슬기님 - 김채민님 - 안성진님 2팀 - 박한솔님(조장) - 김한얼님 - 유용재님 - 양선우님 3팀 - 윤희원님(조장) - 이명한님 - 박윤희님 - 박종구님 4팀 - 오대진님(조장) - 박지은님 - 김지애님 - 신가현님 # 팀프로젝트 안내 협업 툴 : 깃허브 플로우 , 오가니제이션 - 제작기간 : 12.20 ~ 31 - 배포 : 12.31 - 운영 : 1~5월, 4달간 1. 질답게시판 - 네이버, 카카오, 일반 로그인 2. 실제 배포 : EC2 (아마존 가상서버) - CI/CD , 깃허브, 젠킨스 3. 검색 기능 : 엘라스틱 서치 4. 도메인 구매, 사이트명 작명 - 약관, 개인정보보호 정책 ## 심화 - 별도의 프론트엔드 : 리액트 - 인증 : JWT (기본 세션) ## 실력 키우기 목표 : 12월 17일까지, 장고 3장 진행 # 21-12-16 목 028일차 - 점프투장고 목표치까지 - REST api, oauth 개념 정리 # 21-12-17 금 029일차 # 21-12-20 월 030일차 - 개인별 프로젝트 안내 - git flow - 팀별 연구 및 협업 실습 - 점프투장고 3장 복습 - 2회 이하는 복습후 프로젝트 진입 # 개인별 프로젝트 프로젝트 : 개인별 메가 쇼핑몰 (지마켓, 지그재그) - A사 관리자 페이지 - 모든 상품 관리 - 입점한 마켓 관리자 페이지 - 자사 상품관리 - 일반고객페이지 - 회원가입, 로그인, 장바구니 - 검색 - 상품질문 1. (장고) DB 설계로 일반고객페이지 부터 2. (앱) 마켓관리자페이지 DRF 제출 = 풀리퀘스트 방식 # git flow ## git과 다른 특성 - 피드백이나 도움이 필요할 때, 그리고 병합을 위한 준비가 완료되었을 경우 pull request를 생성 - 꼭 PR을 통해 merge를 진행한 후, master로 merge를 진행 ## 브랜치 독립적인 어떤 작업을 진행하기 위한 개념 각각의 브랜치는 각각 독립적이기 때문에, 여러 작업을 동시에 진행할 수 있다 ## 브랜치 작업 단위 구분 1. master : 배포가 된 공식적인 이력을 저장 - . 즉, 최종적으로 App Store에 올라가 있는 이력이 저장되어 있습니다. 2. develop : 여기서는 통합적인 개발을 진행하는 브랜치 - 즉, master 브랜치로부터 나와서 새로운 기능들을 개발해나갑니다. 3. feature : 기능을 단위로 개발을 진행 - develop으로부터 나와서 각 단위의 기능을 개발해나갑니다. 4. release : 배포할 준비가 완료되고 내부적으로 완성이 된 경우에 QA을 위한 브랜치 - develop으로부터 뻗어나와서 QA을 진행하고 버그들을 수정해나갑니다. 5. hotfix : master 브랜치로 배포를 완료했는데, 긴급하게 버그가 생긴 경우 수정을 진행 # git flow 협업 실습 # 시나리오 포크 후 풀리퀘를 날려 답변 제출 A : 프로젝트 주최자 B : 제출자 포크로 리포지터리 복제 -> 상류(업스트링), 하류(다운스트링) 관계 깃클론으로 VSC로 DB까지 ## 개요 1. A : 리포 생성 - README.md 로 커밋 발생 2. 리포지터리 및 브랜치 세팅 2. 협업할 멤버 초대 3. 이슈 생성 4. git clone 5. 브랜치 생성 - `git switch -c 브랜치명` 6. B : 이슈에 대한 작업 7. B : 풀리퀘스트 요청 8. A : B의 pr 승인 후, merge *** ## 1. 리포 생성 - git hub에서 리포지터리 생성 - README.md 로 커밋 발생 - 그래야 브랜치 세팅이 생김 ## 2. 리포지터리 및 브랜치 세팅 - 해당 리포지터리 settings - option - merge button - `Allow squash merging`만 체크 - 풀리퀘 승인을 받아야 master에 merge 가능하게 ### master 브랜치 생성 : 브랜치 세팅 - 해당 리포지터리 settings - Branches - `Add rule` - 브랜치 명 `master` - `Include administrators` 체크 - 관리자(운영자)도 풀리퀘 승인을 받아야 master에 merge 가능하게 ## 3. 협업할 멤버 초대 - settings - Manage access - Add people - 초대받은 협업자는 이메일로 accept ## 4. 이슈 발행 - Assignees : 승인자 (담당자) - Labels : 해당 작업의 성격 - ex) documentation, enhancement - Projects : 작업자 ## 5. git clone - 프로젝트 생성 후, 초기 작업 시, git clone - 이후 pull로 작업 가져오기 ## 6. 브랜치 생성 - `git switch -c 브랜치명` ## 7. 이슈에 대한 작업 - 작업 후, git add / commit / push ## 8. pr 요청 - 작업자 : pr (풀리퀘스트) 요청 ## 9. 담당자에게 승인 받은 후 merge - 담당자 : pr 승인(/수정 요청) 시 master 브랜치에 merge # 과제 ## 요구사항 - 메가여성의류쇼핑몰 A가 존재한다. - A가 메가쇼핑몰인 이유는 다음과 같다. - A는 자사의 고유 상품을 가지고 있지 않는다. 대신, - 타 일반여성의류쇼핑몰들(이하 마켓, 테이블명 : `markets__market`)의 상품들을 올려두고, - 고객이 그것들을 한꺼번에 주문할 수 있도록, 중간다리 역할을 한다.(지마켓 같은 느낌) - 일반여성의류쇼핑몰(마켓)이 A에서 자사의 상품을 팔고 싶다면, - 먼저 마켓등록부터 해야 한다. - 모든 상품(테이블 명 : `products_product`)은 2가지의 옵션이 있다. - 그 옵션은 색상와 사이즈이다.(EX : RED/55, RED/66) - 고객은 상품을 장바구니에 담을 때, - 상품 + 상품색상 + 상품사이즈를 선택한다. - 상품에는 일반고객이 질문을 달 수 있다. - 각 마켓들은 자사의 상품에 달린 질문에 대해서 응답을 할 수 있다. - 그렇게 할 수 있는 마켓사용자용 관리자 페이지가 따로 존재한다. - 상품은 다음과 같은 정보로 구성된다. - id : 주키 - reg_date : 생성날짜 - update_date : 수정날짜 - name : 상품명 - sale_name : 상품명(실제 고객에게 노출되는 이름) - price : 원래가격 - sale_price : 실제판매가격(이 가격이 price 보다 낮다면, discount가 진행중이라는 뜻) - hide_status : 0=보임, 1=숨김(1이면 쇼핑몰에 노출되지 않는다.) - sold_out_status : 0=미품절, 1=품절(1이면 품절이라는 뜻) - market_id : 이 상품이 소속되어 있는 마켓의 번호 - 상품테이블에 필드가 더 필요하다면 추가해도 된다. - 주문, 주문품목, 결제, 배송을 제외한 나머지 부분의 DB 설계를 진행해주세요. - 필수적으로 필요한 테이블은 다음과 같다. - markets_marekt : 마켓 - products_product_opt : 상품옵션 - accounts_user : 회원정보 - cart_cart_item : 장바구니아이템 - 위 테이블들을 제외하고 추가할 수 있는 테이블은 3개 입니다. - 추가하지 않아도 전혀 문제되지 않습니다. - 정말로 필요하다고 생각되는게 추가로 더 있다면 추가해주세요. ## 제출양식 - 필요한 테이블들을 생성할 수 있는 SQL을 작성해주세요. - MariaDB 최신버전을 기준으로 합니다. - 외래키는 필요없습니다. - 장고 마이그레이션 기능이 아닌, 혼자힘으로 SQL을 작성해주세요. - 속도를 위해 인덱스도 추가해야 합니다. - 각각의 테이블이 완성된 후, 데이터를 3, 4개 정도 넣어주세요. ## 제출 - 아래에 직접 SQL을 입력해주세요. - 그리고 이 파일에 pr을 날려주세요. ```sql DROP DATABASE IF EXISTS mega_shop; CRETA DATABASE mega_shop; USE mega_shop; ... 계속 ``` # 21-12-21 화 031일차 # 피드백 및 개선 사항 - `products_product_opt`의 `market_id` 제거 - product_id를 추적해 products_product에서 조회 가능하니 제거 가능 - `cart_item`에 `user_id` 추가 - 주문 시 필요 - `products_product`에 재고(수량) 추가 - `answer` 추가 # 개인별 프로젝트 오늘자 과제 오늘 내로 모든방법을 총동원해 과제 수행 후 풀리퀘 요청 보낸 후 피드백 - http://localhost:8000/products/list - 상품리스트(상품 20개이상) - http://localhost:8000/products/1 - 1번 상품 상세보기 - http://localhost:8000/products/1/question/create - 1번 상품에 질문 작성 - http://localhost:8000/products/1/question/3/modify - 1번 상품에 달린 3번 질문을 수정 - http://localhost:8000/products/1/question/3/delete - 1번 상품에 달린 3번 질문을 삭제 # 21-12-22 수 032일차 어제 못 끝낸 작업 수행 # 21-12-23 목 033일차 - 프로젝트 완료시 추가 과제 : 회원가입, 로그인, 로그인한 사람만 질문작성, 본인 질문만 수정,삭제 # 테일윈드 - 백엔드 - 프론트엔드 : HTML CSS JS - CSS - BEM 명명법 - tailwind - tailwind cheet sheet / jit mode ## 기본세팅 : nvm for windows설치 설치 nvm install v16.13.1 선택 nvm use 16.13.1 확인 nvm list # 테일윈드 프로젝트에 적용하기 [https://tailwindcss.com/docs/installation](https://tailwindcss.com/docs/installation) ## 1. Tailwind CSS npm을 통해 tailwindcss를 설치하면, tailwind.config.js 파일이 생성됨 ``` npm install -D tailwindcss npx tailwindcss init ``` ## 2. 템플릿 경로 설정 예시) 메가 쇼핑몰 구현 설정 `tailwind.config.js` ```js module.exports = { mode: "jit", prefix: 't-', content: [".*/templates/*.{html.js}"], theme: { extend: {}, }, plugins: [], } ``` ## 3. CSS 파일에 테일윈드 명령어 추가 ``` @tailwind base; @tailwind components; @tailwind utilities; ``` ## 4. 테일윈드 CLI 빌드과정 터미널에 `npx tailwindcss -i ./base/static/common.base.css -o ./base/static/common.css --watch` ## 프로젝트 시작 시 1. npm css run 2. npx tailwindcss -i ./base/static/common.base.css -o ./base/static/common.css --watch 3. python manage.py runserver # 작업단계 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 -- 13. 페이징 14. 검색 -- 15. 카카오톡 로그인 16. 장바구니 품목 추가/리스트/수량수정/삭제 # 21-12-24 금 034일차 # 목표 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 디스코드에 남겨주세요. - 목표 : 06 - 달성 : 05 # 21-12-27 월 035일차 # 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 13. 페이징 14. 검색 디스코드에 남겨주세요. 현재 : 11 목표 : 13 # 21-12-28 화 036일차 ## 메가샵 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 13. 페이징 14. 검색 15. 장바구니 16. 소셜로그인 디스코드에 남겨주세요. 현재 : 13 목표 : 14 ## HTML/CSS 1315 강좌 flex 강좌 수강 - 120 ~ 122강 # 21-12-29 수 037일차 - flex 진행 - 메가샵 작업 ## 해야할 주요 작업 - 장바구니 - 소셜 로그인 (카카오) ## 해결안된 오류 1. 검색상품 리스트 페이징 2 이상 부터는 안됨 - 최신상품 리스트 페이징의 2 상품들이 노출 2. 아이디찾기, 취소, 질문등록 등의 버튼들의 호버효과가 좀 이상하다 - 마우스를 안올렸을 시 그냥 흰무지버튼이고, 올리고나서야 글자와 색이 떠 버튼인 것을 알 수 있음 - 왜이래 ## 예정 작업들 56강, 폼에 문제있을 시, 폼까지 자동 스크롤 58강, 상품리스트에서 이미지 호버 스케일 효과 59강, 로그인/회원가입 폼 중앙정렬 63강, 메가마켓명 변경 64강, 폰트어썸 아이콘 적용 65강, 샘플 이미지를 깃허브에 업로드 66강, 샘플 이미지 파일명 변경 67강, 상품 이미지 변경 69강, 상품 데이터 오류 수정 71강, 상품 색상 표시 74강, 이미지 다양화 75강, easy-thumbnails 를 버리고 장고 4.0 으로 업그레이드 ## 메가샵 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 13. 페이징 14. 검색 15. 장바구니 16. 소셜로그인 김지애 - 현재 : 14 - 목표(14시까지 목표) : 15 - 목표(22시까지 목표) : 15 # 21-12-30 목 038일차 ## 메가샵 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 -- 13. 페이징 14. 검색 -- 15. 장바구니 16. 소셜로그인 현재 : 15 14시 목표 : 15 22시 목표 : 16 시청영상 : 기본 개발용어 알아보기 링크 : https://www.youtube.com/watch?v=GYmuQJiPeM4 # 21-12-31 금 039일차 ## 고칠 에러 1. PC 디버그툴 때문에 화면 깨짐 - DDT 제거 후, 다시 설치해보자,,, 2. html 템플릿에서 왜 get이나 post를 쓸 때 객체 id로 가져오는지 - 해결됨 # 22-01-03 월 040일차 ## 메가샵 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 13. 페이징 14. 검색 15. 카카오톡 로그인 16. 장바구니 품목 추가/리스트/수량수정/삭제 현재 : 15 13시 목표 : 15 ## 1월 계획 - 멋블리 (메가쇼핑몰 : 웹페이지 구현) - 파이썬, 장고, HTML, CSS - 멋쟁이 사자처럼 (프론트엔드 중심 : 웹페이지 구현) - 멋블리 인스타그램 구현 - 인스타그램 앱 구현 ## 상세 계획 1 . 1월 멋블리 마무리 - 장바구니 - 기타 자잘한 기능 - (동시진행) 2 . 프로젝트 라이언 HTML, CSS 클론코딩 (반응형) to2.kr/bAq 반응형 상품리스트, 하단바 상세페이지 결제바 팔로잉 HTML CSS JS - 작업 1 3 . 인스타그램 클론 (웹) 해시태그, 팔로우, 언팔, 팔로잉, 추천친구 좋아요, 댓글, 서버배포, 도메인 연결 - 작업 2 4 . 인스타그램 클론 => 외부 앱 하이브리드 방식 (아이폰, 안드로이드, 리액트) ## 과제 : 장고 팁 wiken 페이지 만들기 예제) [slog.gg/p/3046](slog.gg/p/3046) # 22-01-04 화 041일차 ## 메가샵 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 13. 페이징 14. 검색 15. 카카오톡 로그인 16. 장바구니 품목 추가/리스트/수량수정/삭제 - 09시 현재 : 07, 17 - 14시 목표 : 07 완료 - 22시 목표 : 07, 17 완료 ## 계획 네이버 클라우드 플랫폼 - 3개월 - 도메인 하나 (4천원) - 멋블리 - 옛날, 최신 버전 중 최신으로 이번주 안으로 마무리 # 22-01-05 수 042일차 ## 오늘자 계획 안내 - 도메인 구매 - 네이버 클라우드 플랫폼 가입 - [https://slog.gg/p/3045](https://slog.gg/p/3045) : 관련강좌 - 메가마켓 강의주소 : [to2.kr/ds5](to2.kr/ds5) ## 이번주 계획 - 도메인 구매 - 본인 이니셜.kr - ex) kja.kr - sns.kja.kr - shop.kja.kr - 도메인 구매처 - 가비아 - iwantmyname - 가상 서버 - AWS - 1년 무료 - 네이버 클라우드 플랫폼 - 10만원 한도 내 무료 - 월 3만원 ## 메가샵 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 `35` 07. 디자인 08. 회원가입 `50` 09. 로그인 `50` 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 13. 페이징 `73` 14. 검색 `72` 15. 카카오톡 로그인 `76` 16. 장바구니 품목 추가/리스트/수량수정/삭제 `83` - 현재, 14시 목표, 22시 목표 적어주세요. - 도메인 구매해주세요, .site로 끝나는 도메인이 좋습니다, 가비아에서 구매 - 네이버 클라우드 플랫폼에 가입해주세요. - 현재 : 01 - 14시 : 06 - 22시 : 13 # 22-01-06 목 043일차 ## 서버 배포 준비 [slog.gg/p/3045](slog.gg/p/3045) 1~26강까지 진행 (2시간 소요) - 23~25 망했을 때 시나리오 ## 무조건 오늘 프로젝트 끝내 - 데이터 복구 에바 왜안되니 - 장바구니 ## 고쳐야 할 오류 - ~~`(urls.W005) URL namespace 'accounts' isn't unique.` 노출되지 않도록 어떻게 해야할지~~ - ~~runserer 돌린 후 사이트 접속 시, debug-toolbar 때문에 화면깨짐~~ - ~~카카오 회원가입 성공 후 노출화면 수정~~ # 메가샵 진도 확인 01. 상품리스트 02. 상품상세 03. 상품질문작성 04. 상품질문리스팅 05. 상품질문삭제 06. 상품질문수정 07. 디자인 08. 회원가입 09. 로그인 10. 로그아웃 11. 질문작성시에 로그인한 사람을 작성자로 12. 권한이 있는 사람만 질문을 삭제 -- 13. 페이징 14. 검색 -- 15. 장바구니 16. 소셜로그인 디스코드에 남겨주세요. - 현재 : 15 - 14시 : 3045 ~26 완료 및 15 50% - 22시 : 15, 16, 디자인 완료 # 22-01-07 금 044일차 - Aseprite - 넥스터즈 18기 ## 오늘자 해결할 일 - 호버 잘 작동되도록 - 데이터 젠해서 마스터 데이터 추가 - 장바구니 ## dnszi 설정 시 아래 2개 추가 - public 동일 ip로 - *.public 동일 공인ip # 22-01-10 월 045일차 ## 오늘자 Todo - ~~장바구니~~ - 사진 사이즈 수정 - 호버 오류 수정 ## 강좌 - [실전배포 강좌, 기본 | 3045](https://slog.gg/p/3045) - [실전배포 NGINX | 3128](https://slog.gg/p/3128) - [실전배포 PHP | 3129](https://slog.gg/p/3129) - [실전배포 장고 | 3130](https://slog.gg/p/3130) ## 계획 3045 NPM 설치하면 끝 3128 nginx 3130 장고 ~12강 : 새프로젝트, 새 리포지터리 (현 5강) 3130 장고 5~12강 진도 ## 오늘자 목표 내 도메인 입력했을 때, hello World 출력하기 # 22-01-11 화 046일차 ## 중간 점검 - 13, 14일 중간점검 - 1분 이상 - 25일 평가를 이거로 ## 미니 프로젝트 선택사항 1 - 팀원구성 선택사항 2 - 파이보 개선 - 인스타그램 - 창작 프로젝트 기간 - 2주 프로젝트 (25일 완료) - 오전 11:00 까지 ## 내 계획 사이트 이름 : TransferMe 사이트 도메인 : Tme.sncode.kr 이번 주 계획 화 - 수 : 관련 사이트 조사 및 사이트 구상 목 - 금 : 기본 설계 및 관련 작업 # 22-01-12 수 047일차 - 개인 프로젝트 진행 - 1 : 1 면담 ## 개인 프로젝트 진행 일단 디자인 신경 쓰지 않고 기능 위주로 구현 - ~~회원가입~~ - ~~로그인~~ - ~~로그아웃~~ - ~~내비게이션 바~~ - 글 작성 페이지 - 글 상세 화면 - 저장된 글 리스트? 노출화면 - 카테고리 내비게이션 바 - 필사 소개 페이지 ## 기타 - 출석횟수, 추천수로 레벨업 - 반응형 웹/앱 디자인 ## 문제점 공유시스템을 어떻게 해야하나ㅠ => `광장`이라는 카테고리? 기능으로 게시글 공유 -> 댓글, 추천 기능 추가 - 조사를 좀 해봅시다 어플중에서 # 22-01-13 목 048일차 ## 조별 오전 회의 - 어제한 일 - 메가마켓, 점프투장고 기반코드의 회원가입, 로그인, 로그아웃, 메인화면 구현 - 14시까지의 목표 공유 - 게시글 작성, 게시글 상세화면 구현 - 어려운 점 공유 - 게시글 모델 설계가 어려워 좀 헤맸다 - 내가 만들고 싶은 디자인으로 다시 짜려니 어려웠고, 그래서 일단은 메가마켓 디자인을 차용함 - 내가 구현하고자 했던 디자인은 어려우니 일단은 기능위주로 구현하라고 하셔서 - 코드 리뷰 ## 프로젝트 회의 - 프로젝트 진행 - 9:30에 조별 오전 회의 - 어제 대형으로 모여 어제한 일, 오늘 14시까지의 목표 공유 - 어려운 점 공유 - 코드 리뷰도 진행 - 실력 향상에 좋음 - 5분 정도 진행 ## 프로젝트 진행 안내 - 9시 30분에 조별 오전 회의 - 어제 대형으로 모여서 - 어제한일과 - 오늘2시까지의 목표를 공유 - 어려운점 공유 - 코드리뷰도 진행 - 실력향상에 좋습니다. - 이 부분은 이따가 자세히 알려드리겠습니다. - 딱 5분정도 진행하겠습니다. # 22-01-14 금 049일차 - 프로젝트 진행 - 9:30 1분 회의 # 작업 단계 01. 회원가입 02. 로그인 03. 로그아웃 04. 게시글 작성 05. 게시글 리스팅 06. 게시글 상세화면 V 07. 게시글 삭제 08. 권한이 있는 사람만 질문을 삭제 09. 게시글 수정 10. 젠 데이터 생성 11. 페이징 12. 검색 13. 카카오톡 로그인 # 22-01-17 월 050일차 - 9:30 조별회의 시작 ## 공유 내용 - 지난 주 목표 - 지난 주 목표 중에서 이룬 것들 - 오늘 2시까지의 목표 - 코드 리뷰자 한명 선정해서, 깃허브에 있는 자신의 코드를 대략적으로 설명 - 듣는 사람들은 코멘트 할 내용있으면 코멘트 ## 조별회의 - 지난 주 목표 - 화 : 관련 사이트 조사 및 사이트 구상, 모델링 - 수 : 글 작성, 글 리스트 - 목 : 페이징, 회원가입 - 금 : 로그인, 로그아웃 ## 작업 단계 01. 회원가입 02. 로그인 03. 로그아웃 04. 게시글 작성 05. 게시글 리스팅 06. 게시글 상세화면 07. 게시글 삭제 V 08. 권한이 있는 사람만 질문을 삭제 09. 게시글 수정 10. 젠 데이터 생성 11. 페이징 12. 검색 13. 카카오톡 로그인 # 22-01-18 화 051일차 - 프로젝트 진행 # 22-01-19 수 052일차 - 프로젝트 진행 # 22-01-20 목 053일차 - 프로젝트 진행 # 22-01-21 금 054일차 ## 작업 단계 01. 회원가입 02. 로그인 03. 로그아웃 04. 게시글 작성 05. 게시글 리스팅 06. 게시글 상세화면 07. 게시글 삭제 08. 권한이 있는 사람만 질문을 삭제 09. 게시글 수정 10. 젠 데이터 생성 V 11. 페이징 12. 검색 - 필터로 내글에서, 광장에서 13. 카카오톡 로그인 14. 그룹별 카테고리 구현 (광장, MyPost) - local에서 카테고리 추가할 수 있도록 15. 폼 수정 # 22-01-24 월 055일차 ## 팀별 오전 회의 - 오전 9:30 아침 회의 - 저번주 진행상황 고유 - 오늘 14시까지 목표 공유 - 오늘 22시까지 목표 공유 ## 작업 단계 01. 회원가입 02. 로그인 03. 로그아웃 04. 게시글 작성 05. 게시글 리스팅 06. 게시글 상세화면 07. 게시글 삭제 09. 게시글 수정 08. 권한이 있는 사람만 질문/수정 삭제 V 10. 젠 데이터 생성 11. 페이징 12. 검색 13. 카카오톡 로그인 # 22-01-25 화 056일차 ## 작업 단계 01. 회원가입 02. 로그인 03. 로그아웃 04. 게시글 작성 05. 게시글 리스팅 06. 게시글 상세화면 07. 게시글 삭제 09. 게시글 수정 08. 권한이 있는 사람만 게시글 수정+삭제 10. 젠 데이터 생성 11. 페이징 (위켄같은 원페이지) 12. 검색 - 필터로 내글에서, 광장에서 13. 카카오톡 로그인 14. 그룹별 카테고리 구현 (광장, MyPost) - local에서 카테고리 추가할 수 있도록 15. 폼 디자인 수정 # 22-01-26 수 057일차 - 서버 배포 진행 - 중간 발표 ## 작업 단계 01. 회원가입 02. 로그인 03. 로그아웃 04. 게시글 작성 05. 게시글 리스팅 06. 게시글 상세화면 07. 게시글 삭제 09. 게시글 수정 08. 권한이 있는 사람만 게시글 수정+삭제 11. 페이징 (위켄같은 원페이지) 12. 검색 - **필터로 내글에서, 광장에서** 13. 카카오톡 로그인 / 회원가입 10. 젠 데이터 생성 14. **그룹별 카테고리 구현 (광장, MyPost)** - **local에서 카테고리 추가할 수 있도록** 15. **마이페이지** - **회원정보 수정, my post, 좋아요 한 글** # 22-01-27 목 058일차 - 프로젝트 진행 # 22-01-28 금 059일차 - 프로젝트 진행 # 22-02-03 목 060일차 - 개별면담 및 진도확인 - 미니프로젝트는 02.04인 내일까지 ## 과제 [to2.kr/cVr, 스프링부트 강좌](https://codepen.io/jangka44/live/abWWEqJ) - 14강까지 한달이면 다 끝냄 일단 인스타그램 플젝은 뒤로두고 스프링부트 강좌랑 미니플젝 반반씩 병행 - 미니플젝은 계속해서 개선해갈 예정 (디자인, 기능 등) # 22-02-04 금 061일차 ## 작업 단계 01. 회원가입 02. 로그인 03. 로그아웃 04. 게시글 작성 05. 게시글 리스팅 06. 게시글 상세화면 07. 게시글 삭제 09. 게시글 수정 08. 권한이 있는 사람만 게시글 수정+삭제 10. 젠 데이터 생성 11. 페이징 (일단 위켄같은 원페이지 리스트) 12. 검색 13. 카카오톡 로그인 ## 추가 기능사항 ### 카테고리 카테고리 유저 편집에서 해시태그 기능으로 일단 수정 [https://github.com/jhs512/mbly_ela](https://github.com/jhs512/mbly_ela) - 그룹별 카테고리 구현 (광장, MyPost) - local에서 카테고리 추가할 수 있도록 - 검색 - 카테고리별로 필터를 선택할 수 있도록 - 내비게이션바 수정 - 마이페이지 구성 (회원정보 수정, 내글보기, 좋아요리스트, 북마크 리스트) - 게시판 (사이드로 구성해서 유저가 카테고리를 자체적으로 추가 가능하도록) - 좋아요한 게시글만 모아서 리스트 구현 / 북마크 - 다음글/이전글 기능 - 참고 : [[django] 다음글 or 이전글로 넘어가기 구현](https://duckracoon.tistory.com/entry/django-%EB%8B%A4%EC%9D%8C%EA%B8%80-or-%EC%9D%B4%EC%A0%84%EA%B8%80%EB%A1%9C-%EB%84%98%EC%96%B4%EA%B0%80%EA%B8%B0-%EA%B5%AC%ED%98%84) - 리스트 형식에서 투명 카드형식으로 뉴스기사처럼 문단으로 나오도록 - 회원정보 수정 구현 - 수정, 삭제, 취소 등의 버튼들 간소화 더 심플하게 # 22-02-07 월 062일차 - 미니 프로젝트 진행 # 22-02-08 화 063일차 - 미니 프로젝트 진행 # 22-02-09 수 064일차 - 미니 프로젝트 진행 # 22-02-10 목 065일차 - 미니 프로젝트 진행 # 22-02-11 금 066일차 - 미니 프로젝트 진행 # 22-02-14 월 067일차 ## 미니 플젝 개선 ### 검색기능 개선 icontains(like)보다 더 빠른 select_related로 수정 구현 ```sql SELECT M.* FROM tags_tag AS TAG INNER JOIN markets_market_tags AS M_TAG ON TAG.id = M_TAG.tag_id INNER JOIN markets_market AS M ON M_TAG.market_id = M.id WHERE TAG.name = '2030'; ``` ```sql SELECT M.* FROM markets_market AS M WHERE M.description LIKE '%#2030%'; ``` ## 오늘의 목표 to2.kr/cVr 70~81강 # 22-02-15 화 068일차 - 미니 프로젝트 진행 # 22-02-16 수 069일차 - 미니 프로젝트 진행 # 22-02-17 목 070일차 ## 자기소개서 예시 ['맨땅에 헤딩'을 즐기는 개발자 최주영입니다.](https://www.notion.so/97097c42327b452ab8ba6ec2d81f2a5b) ## 계획 4월 초 부터 입사지원 - 이력서 빌딩 ## 오늘 할일 - [장고 배포 총정리 | 도메인 구매, 서버 구매, 장고 배포까지](https://slog.gg/p/3582) - 검색 select를 layout 검색기능 소스코드에 적용 - [스프링부트, to2.kr/cVr](https://codepen.io/jangka44/live/abWWEqJ)스프링 100강까지 # 22-02-18 금 071일차 - 미니 프로젝트 진행 # 22-02-21 월 072일차 ## 임베디드 애플리케이션 구현 임베디드애플리케이션구현.txt - 리포지터리 : https://github.com/jhs512/mbly_final - 기능 - ~ - ~ - ~ - ~ - 자체평가 - 점수 : 60 ~ 100 - 현재 프로그램의 단점 및 개선할점 3가지 - - - ## 이력서 작성 - 22.05.04가 국비과정 종료일자이니 그전에 취직하는 게 목표 [https://www.notion.so/97097c42327b452ab8ba6ec2d81f2a5b](https://www.notion.so/97097c42327b452ab8ba6ec2d81f2a5b) 노션 이력서 작성 - GIT, 유튜브, 블로그, 이력서, 자소서 작품 4개 - cVr - 파이보 - 파이보 변형 - ?? ## 오늘자 Todo - [장고 배포 총정리 | 도메인 구매, 서버 구매, 장고 배포까지](https://slog.gg/p/3582) - git 계정 키 등록 후, 리포지터리 키 삭제 - nginx proxy manager 비번찾기 - [https://slog.gg/p/3128](https://slog.gg/p/3128) - 검색 select를 layout 검색기능 소스코드에 적용 - [스프링부트, to2.kr/cVr](https://codepen.io/jangka44/live/abWWEqJ) - 109강까지 # 22-02-22 화 073일차 기술서 예제 - [https://slog.gg/p/525](https://slog.gg/p/525) 내 기술서 링크 - [https://slog.gg/p/3844](https://slog.gg/p/3844) # 22-02-23 수 074일차 ## 사이트 기술서 - 이모지 - 기능기술 표 - uml 최소한 2개 ## 평가 wiken 링크 기술서를 캡쳐 3장 찍어 각각 파일로 첨부 - 각각 사진이 달라야 함 ui 구현까지 - 시퀀스 URM - [plant umi](https://plantuml.com/ko/) plant uml `$$uml` - 기능기술 표 - uml 최소한 2개 [https://nhn.github.io/tui.editor/latest/tutorial-example01-editor-basic](https://nhn.github.io/tui.editor/latest/tutorial-example01-editor-basic) # 22-02-24 목 075일차 ## 지금까지 배운것들 HTML CSS JS 테일윈드, 제이쿼리 웹브라우저 HTTP, 요청과 응답 리눅스, 젠킨스, 도커 Nginx, MariaDB 장고, 장고ORM 자바 , 스프링부트, Ajax 제이쿼리, Ajax도 필수임 ## 일정 5월에 끝나는데 4월말 쯤에 전문가 2명이 와서 우리가 작업한 것을 평가 - 최소 4월 초중순 ~ 조기취업 2월 10일 3월 30일 4월 10일 cVr, 3월 5일까지 하고 마지막 프로젝트 (개별, 팀 상관없음) - 팀 자유, 개인, 주제 - 스프링부트, 장고 ## 기술서 어느정도 기술서를 썼다, 그럼 cVr 열심히 # 22-02-25 금 076일차 ## 오늘 할일 - 기술서 업데이트(최소 20분 투자) - to2.kr/cVr 진행 ## 가상 데스크톱(한번 써보면 생산성이 달라지는 윈도우 기능) - 생성 : Ctrl + Window + D - 이동 : Ctrl + Window + 좌우방향키 - 관리 : Window + 탭 - 본인이 동시에 5개의 일을 하고 있다면, 가상 데스크톱 화면을 4개 추가해서 각각의 창들을 관리해보세요. 기술서는 하루에 20분씩 투자해 퀄리티업 기술서 예시 : wiken 3865 필수적으로 아래 7가지 사항이 있어야 함 - 기능현황 - Relese - 요구사항 - 기능 - 주요폴더 및 파일 - 배포 구조, 서버구조 - ERD # 22-02-28 월 077일차 - 스프링 강좌 수강 - 기술서 수정 - 파이썬 미니 프로젝트 작업 # 22-03-01 화 078일차 - 스프링 강좌 수강 - 기술서 수정 - 파이썬 미니 프로젝트 작업 # 22-03-02 수 079일차 ## 오늘자 - 프로젝트 진행해주세요. - 20분 투자해서 기술서 개선해주세요. - 캡쳐사진 추가 - plant uml 로 도표 추가