$$config title: 윤희원 공부위키 keywords: - IT - 공부위키 $$ 공부LOG 유튜브 링크 :: [https://to2.kr/djS](https://to2.kr/djS) 컨텐츠 유튜브 링크 :: [https://to2.kr/dko](https://to2.kr/dko) 블로그 링크 :: [slog.gg/b/1599](https://slog.gg/b/1599) 백준 단계별 문제풀이 :: [https://to2.kr/bUK](https://to2.kr/bUK) 자바 프로그래머스 알고리즘 :: [https://to2.kr/bMb](https://to2.kr/bMb) 코드 연습장 :: [https://code.oa.gg/java8](https://code.oa.gg/java8) 마크다운 문법 참고 블로그 :: [https://to2.kr/dqx](https://to2.kr/dqx) 프로젝트 기획 오븐앱 :: [https://ovenapp.io/](https://ovenapp.io/) # 2021-11-09 ## GIT ### 저장소 생성 명령어 - git init - 저장소를 생성. ### 장바구니에 담는 명령어 - git add - git add . - 파일을 장바구니에 담는다. - . > 작업 폴더 내에 있는 모든 파일 담기 ### 유저 이름과 이메일 추가 명령어 - git config user.name "유저 이름" - 이름 추가 - git config user.email "이메일" - 이메일 추가 - " " 를 추가하지 않으면 기존에 등록된 유저 이름 및 이메일 확인 - git config --global --unset-all user.name - git config --global --unset-all user.email - 지정된 유저 이름과 이메일 삭제 명령어 ### git에 저장하는 명령어 - git commit -m "메세지" - " " 안에 메세지 추가하여 헷갈리지 않게 구분하기 ### 상태 확인 명령어 - git status - add된 파일을 확인할 수 있다. - 현재 작업 폴더에 저장된 파일과 git에 저장된 파일이 다르면 붉은색으로 표기됨 ### 작업 내역 확인 명령어 - git log - 지금까지 작업한 내용을 확인할 수 있다. ### 작업한 내역 되돌리는 명령어 - git checkout -f . - . 을 붙이면 무조건 한 단계 전으로 되돌아간다. - git log를 통해 이전에 커밋한 파일의 커밋코드를 확인하고 . 대신에 git checkout -f [커밋코드] 입력하면 지정된 시점으로 돌아간다. (아래쪽이 과거, 위쪽이 현재) ### 가장 최신 상태로 돌아오는 명령어 - git checkout -f . - git checkout -f master # 2021-11-10 ## GIT ### 연결된 원격지 저장소 확인 명령어 - git remote -v ### 로컬 저장소와 원격지 저장소를 연결하는 명령어 - git remote add origin <원격 저장소 주소> - origin의 경우 바꿔도 무관하다. ### 원격지 저장소에 작업 파일 올리는 명령어 - git push origin master - 명령어를 사용하기 전에 git add . 와 git commit -m 필수. ### 원격지 저장소에 있는 파일을 로컬 저장소에 내려 받는 명령어 - git pull origin master - 작업시 최우선 사항. 자주 할수록 좋다. - 작업 이후 commit 하고 또 한 번 해준다. (여러명 동시 작업시) - git pull origin master - 작업 - git add . - git commit -m "작업" - git pull origin master (순서 꼭 외워두고 지킬 것) ### 알아두면 좋은 cmd 명령어 - mkdir 폴더 만들기 - cd 작업 폴더 이동 - cd . . 상위 폴더로 이동 ### 작업 환경 복제 명령어 - git clone [원격 저장소 주소] <폴더명> - 폴더명을 따로 지정하지 않으면 원격 저장소 이름을 그대로 가져온 폴더를 하나 생성한다. - 폴더명 대신 .을 입력하면 현재 폴더에 다운로드 한다. - git init - git remote add origin [원격지 저장소 링크] - git pull origin master - 위 작업을 한 번에 통틀어서 할 수 있는 명령어. - git clone 명령어를 사용하더라도 git config user.name "" , git config user.email "" 은 필수로 해주어야 한다. ### 작업 충돌 - 원격지 저장소는 자신을 기준으로 가장 최신 커밋으로부터 파생된 작업만 받아들인다. 그렇지 않은 경우 충돌 발생. - 충돌이 발생할 경우 수동으로 병합 혹은 자동으로 병합한다. - refusing to merge unrelated history 라는 문구와 함께 pull 명령이 실행되지 않는다면 git pull origin master --allow-unrelated-histories 를 사용한다. - 강제적으로 최신 상태가 아닌 작업 파일을 다운로드 한다. 경우에 따라 로컬 저장소에 있는 소스 코드가 날아갈 수 있다. - 사용하기 전에 반드시 백업한다. - 로컬 저장소 삭제 후 git clone 명령어를 이용하는 방법 또한 있다. - 사용하기 전에 반드시 백업한다. ## JAVA ### switch문 - 어떤 변수의 값에 따라서 문장을 실행할 수 있도록 하는 제어문 ```java switch(변수) { case, default, break 등이 올 수 있다. case 1 : case 2: case 3: 변수 = " " break; 와 같이 묶어서 사용할 수 있다. } ``` ### while문 - 조건을 만족했을 때 어떠한 것을 반복적으로 실행하는 반복문 ```java while (조건) { 반복할 내용 } ``` - 무한 루프에 빠질 수 있으므로 주의한다. 조건에 루프를 빠져나올 수 있도록 할 것. ### do while문 - 조건을 만족하지 않아도 무조건 한 번은 실행되는 반복문 ```java do { 실제로 반복할 내용 } while(조건) { do를 한 번 실행하고 이후에는 while에 있는 조건을 만족할 때에만 다시금 do로 올라가서 반복을 실행한다. } ``` ### for문 - for 구문 자체에서 변수를 초기화하고 조건, 증감식 등을 한 번에 처리하는 반복문 ```java for(int i = 0; i<10; i++) { //< 와 같이 변수, 조건, 증감식을 내부에서 처리 반복할 내용 } ``` # 2021-11-11 ## JAVA ### 산술 연산자, 비교 연산자 잊지 말 것 - 헷갈리는 산술 연산자 - a % b a를 b로 나눈 나머지 - 헷갈리는 비교 연산자 - a == b a와 b가 같다 . - a != b a와 b가 같지 않다. ### 배열 - 같은 데이터 타입을 가진 여러개의 변수가 필요할 때 사용 - int[ ] ages = new int[ 배열 안에 들어갈 정수의 개수 ] ; - int[ ] ages = new int{ 원소들 } ; 로 간단히 표현 가능 - 꼭 int가 아니더라도 다른 타입의 데이터를 선언할 수 있다. (string, boolean 등) - 2차원 배열 - 배열의 배열 - int[ ] [ ] ages = int[ ] [ ] ; - int[ ] [ ] ages = int[ {a,b}, {c,d} ] ; - 마찬가지로 다른 타입의 데이터를 선언할 수 있다. ### for each문 - for문과 같은 반복문이지만 훨씬 간단하고 향상된 for문 ```java for(값을 받아줄 변수명 : 출력하고 싶은 자료구조) { 반복할 내용 } ``` - 위와 같이 일반 for문과 비교해서 소스 코드를 줄일 수 있다. ### 클래스 - 객체를 만들기 위한 틀, 혹은 설계도 ```java public class Car { } //이렇게 클래스를 만들고 Car car1 = new Car(); //new는 객체를 메모리에 올려준다. 메모리에 올라간 객체 = 인스턴스 Car car1 = new Car(); //기본 생성자를 이용해 객체를 만든다. ``` - 필요한 것들, 비슷한 것들 등을 한 번에 묶어주는 역할. - 참조형 타입 = 기본형 타입을 제외한 모든 타입 - String str = new String(); ### string 클래스 - 문자열을 표현하는 자바에서 가장 많이 볼 수 있는 클래스 - new를 사용하지 않고도 인스턴스를 만들 수 있다. - String str1 = "hello" ; 와 같은 방법 - 메모리 중 상수 영역에 저장 - String str2 = new String("hello"); - 상수 영역이 아닌 힙 영역에 저장 ### string 클래스의 메소드 ```java String str = new String("hello"); System.out.println(str.length); // = 5 System.out.println(str.concat(" world")); // = hello world System.out.println(str.subString(1, 3)); // = 1, 3번 인덱스를 잘라내어 el만 출력 System.out.println(str.subString(2)); // 2번 인덱스부터 마지막까지 잘라내어 llo world 출력 ``` - str.lenght() : str의 길이를 int 타입으로 구하는 메소드 - str.concat(" world") : 문자열을 이어 붙이는 메소드 - str.subString() str이 참조하는 문자열의 인덱스를 자르는 메소드 ### 필드 선언 - 클래스 내에 들어있는 속성 - 클래스를 이용해서 객체를 만들면 각 객체별로 클래스 내에 들어있는 속성을 가지게 된다. ```java public class Car { string name; int number; } //클래스 내의 필드 name과 number Car car1 = new Car(); Car car1 = new Car(); //car1과 car2 모두 각각 name과 number를 가진다. ``` ### 변수의 scope와 static - scope - 변수들의 사용 가능 범위 - static - static한 메소드는 객체를 생성하지 않아도 사용할 수 있다. - static한 메소드 내에서 static하지 않은 필드는 사용할 수 없다. ### 생성자 - 모든 클래스는 인스턴스화 할 때 생성자를 사용한다. - 생성자는 리턴 타입이 없다. - 생성자를 따로 지정하지 않으면 기본 생성자가 자동으로 만들어진다. = 매개 변수가 없는 생성자 - 생성자를 하나라도 따로 지정했다면 기본 생성자는 자동으로 만들어지지 않는다. - 생성자는 객체가 될 때 필드를 초기화한다. ### this - 현재 객체, 자기 자신을 나타냄 - this.매개 변수 이름 으로 사용한다. ```java public Car(String name){ this.name = name; } ``` ### 메소드 오버로딩 - 매개 변수의 유형과 개수를 다르게 하여 같은 이름의 메소드를 여러개 가질 수 있게 하는 방법 - 변수 명이 다르더라도 매개 변수 타입과 개수가 같은 메소드는 정의할 수 없다. # 2021-11-12 다른 학생들 위키 참고하기 본인 위키정리 틀린 문법 교정 마크 다운 문법으로 검색 마크 다운 문법 공부 ## JAVA기본형 변수의타입 변환과 형변환, 캐스팅 자료 조사 - [https://slog.gg/p/1348](https://slog.gg/p/1348) ## JAVA # 2021-11-15 ## 인텔리J 단축키 및 기본 세팅 - 단축키 - ctrl + s : 저장 - ctrl + f : 코드 정렬 - ctrl + z : 뒤로 - ctrl + y : 앞으로 - ctrl + shift + - : 글자 크기 줄이기 - ctrl + shift + + : 글자 크기 늘이기 - 프로젝트 새로 만들 때마다 설정해 주어야 하는 옵션 - 정식 프로젝트가 아닌 테스트용 프로젝트에서는 해줄 필요 없다. - 인코딩 - Optimize imports on the fly - Build project automatically # 2021-11-16 ## JAVA ### string타입 내에서 데이터 비교하기 - 필드명.equals(비교할 필드명) ```java public class StringExam { public static void main(String[] args) { String str1 = new String("Hello world"); String str2 = new String("Hello world"); if( str1.equals(str2) ){ System.out.println("str1과 str2는 같은 값을 가지고 있습니다."); } else{ System.out.println("str1과 str2는 다른 값을 가지고 있습니다."); } } } ``` ### 값을 return하지 않는 메소드 ```java class Car { void run() { System.out.println("차가 달립니다."); } public void run(int a) { // 정수 값 하나를 받지만 아무런 값을 return하지 않을 때에는 void를 사용한다. } } ``` ### 백준 자바 문제 2588 ```java import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int num1 = sc.nextInt(); int num2 = sc.nextInt(); sc.close(); int a3 = num2/100; // 나누는 수의 1의 자리 숫자 int a2 = (num2 - a3*100)/10; // 나누는 수의 10의 자리 숫자 int a1 = num2 - a3*100 - a2*10; // 나누는 수의 100의 자리 숫자 int b1 = num1 * a1; int b2 = num1 * a2; int b3 = num1 * a3; int num3 = num1*num2; System.out.println(b1); System.out.println(b2); System.out.println(b3); System.out.println(num3); } } ``` ## JAVA Board 만들기 ### 키보드로부터 데이터 입력 받기 ```java import java.util.*; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); // 스캐너 선언 int a; a = sc.nextInt(); // 정수를 입력 받는다. nextDouble(); 등으로 타입 변경 가능하다. String b = sc.nextln(); System.out.println(a + b); // 입력 받은 정수 a 와 b 를 더해서 출력한다. } } ``` - Scanner를 반드시 선언해 주어야 한다. - Scanner의 사용이 종료되었으면 sc.close(); 를 해주어 스캐너를 닫는다. ## GIT ### 공유하지 않는 파일 정하기 - .gitignore - 파일 내에 공유하지 않을 파일들을 적으면 git add . 명령어를 입력해도 올라가지 않는다. - 개인적인 세팅, 환경설정 등 불필요한 파일들을 공유하고 내려받을 수고를 덜어준다. ### git add 취소하는 방법 - git rm --cached <파일 이름> ### mac과 windows 간 협업 시 발생하는 diff 제거 - windows : git config --global core.autocrlf true - mac : git config --global core.autocrlf input # 21-11-17 ## JAVA ### 삼항연산자 - [참고](https://slog.gg/p/1700) - 예제 (백준 문제 풀이 2753번) ```java public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int x; x = sc.nextInt(); System.out.println((x % 4 == 0) ? ((x % 400 == 0) ? "1" : (x % 100 ==0) ? "0" :"1") :"0"); sc.close(); } } ``` ### String.format - String의 static 메소드인 format 메소드는 문자열의 형식을 설정하는 메소드이다. - %d (10진수 형식) - %s (문자열 형식) - %f (실수형 형식) - Locale 설정 - %t (날짜시간 형식) - %c (유니코드 문자 형식) - %o, %x(8진수, 16진수 형식) ```java class Article { int id; String title; String body; @Override public String toString() { return String.format("{id : \"%d\", title : \"%s\", body : \"%s\"}",id,title,body); } } ``` 위의 return 코드에서 %d는 int 변수인 id를, %s는 순서대로 각각 String 변수인 title과 body의 값을 가진다. # 21-11-18 ## JAVA ### 텍스트 게시판 만들기 복습 - [https://slog.gg/p/1743](https://slog.gg/p/1743) - ArrayList 만들 때, lastArticle을 null로 초기화 할 때 주의하기 ### ArrayList<>(); - ArrayList<>(); - 기존 배열의 한계를 뛰어 넘는 배열 - 낭비되는 메모리나 입력되는 값이 메모리를 뛰어 넘는 경우를 방지할 수 있다. - ```java ArrayList

list = new ArrayList

(); list.add(); // ArrayList 안에 추가하기 list.size(); // ArrayList의 크기 구하기 list.get(); // ArrayList 안에 저장된 값 구하기 ``` - ArrayList와 for문으로 객체의 모든 요소 순회 ```java for (int i = list.size() - 1; i >= 0; i--) { Article article = list.get(i); // list에 저장된 i번째의 값을 가져오는 것을 list의 사이즈만큼 역순으로 반복한다. System.out.println(" " + article.id + " / " + article.title); } ``` ## HTML, CSS, JAVASCRIPT - HTML : 문서의 내용 - CSS : 문서의 꾸밈 - JS : 인터렉션 (컨트롤) # 21-11-19 ## JAVA ### 테스트 데이터 list에 집어 넣기 ```java static void makeTestData(List

list) { list.add((new Article(1, "제목1", "내용1"))); list.add((new Article(2, "제목2", "내용2"))); list.add((new Article(3, "제목3", "내용3"))); } // makeTestData에서 지정하는 값 List

list = new ArrayList<>(); // list 라는 이름의 arraylist를 생성 makeTestData(list); //makeTestData의 내용을 list에 넣는다 ``` ### ArrayList의 size로 값 지정하기 ```java if (list.size() > 0) { lastArticlesId = list.get(list.size() - 1).id; } // ArrayList인 list의 사이즈가 0보다 크다면 변수 lastArticlesId 에 list의 id 변수에 (list의 size - 1) 한 값을 넣는다. ``` ### ArrayList 관련 줄임 표현 ```java ArrayList

list = new ArrayList

(); List

list = new ArrayList<>(); //위와 같이 줄여서 사용할 수 있다. ``` # 21-11-22 배열 복습 30일까지 배열 영상촬영 ## JAVA ### hasNextInt() 메소드 // 백준 10951번 ```java import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); while (sc.hasNext()) { int A = sc.nextInt(); int B = sc.nextInt(); System.out.println(A + B); } } } ``` - sc.hasNextInt() 는 sc로 입력 받은 값이 int이면 true를 반환하고 그렇지 않으면 false를 반환한다. - while문의 조건에 사용할 경우 int값을 입력 받으면 while문을 계속해서 반복, int이외의 값을 받았을 때 반복을 중지한다. ### for문 반복을 이용해 별 찍기 // 백준 2439번 ```java import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int a = sc.nextInt(); for (int i = 1; i <= a; i++) { for (int j = 1; j <= a - i; j++) { System.out.printf(" "); } for (int k = 0; k < i; k++) { System.out.printf("*"); } System.out.printf("\n"); } } } ``` - 입력 받은 값 a에서 그보다 1 작은 횟수만큼 공백을 출력하여 별을 오른쪽으로 정렬한다. ### Arrays.sort() 메소드 ```java import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int N = sc.nextInt(); int[] arr = new int[N]; for (int i = 0; i < N; i++) { arr[i] = sc.nextInt(); } sc.close(); Arrays.sort(arr); System.out.println(arr[0] + " " + arr[N-1]); } } ``` - 배열 내부를 오름차순으로 정렬한다. ## HTML, CSS, JAVASCRIPT ### 크롭 기본 단축키 - Ctrl + T : 새 탭 - Ctrl + W : 탭 끄기 - Ctrl + Page Up : 좌로 - Ctrl + Page Down : 우로 - Home : 문서 최상단 - End : 문서 최하단 ### windows 단축키 - windows 키를 누른 상태로 화살표 방향키 # 21-11-23 ## Figma ### 참고 링크 - [예시 자료 링크](http://to2.kr/dnm) - [폰트 어썸](https://fontawesome.com) - [피그마 단축키](https://nicecarrot2.tistory.com/93) ### 작업 - [링크](https://slog.gg/p/1945) # 21-11-24 ## JAVA ### [36~43강 코드 연습](https://slog.gg/p/1612) ### map(hashmap)과 list(arraylist) - [list와 map 차이](https://to2.kr/doE) ### .split() - 문자열을 특정 문자를 기준으로 나누어 배열에 저장한다. ```java String queryString = "a=100&b=20&c=30"; String[] queryStringBits = queryString.split("&"); for (String bit : queryStringBits) { String[] bitBits = bit.split("="); String paramName = bitBits[0]; String paramValue = bitBits[1]; } ``` - &를 기준으로 문자를 나누어 - a=100, b=20, c=30으로 나누고 그렇게 나누어진 데이터를 - 다시 =을 기준으로 나눈다. - 결과적으로 a,b,c / 100,20,30으로 각각 저장된다. ### charAt() - string 타입으로 저장된 문자열 중 한 글자만 선택해서 char 타입으로 바꿔준다. - ()안에는 string으로 저장된 문자열의 n번째를 선언한다. - ex) ```java String str = new String(); char c = ' '; str = "안녕하세요"; c = str.charAt(0); System.out.println(c); ``` ### 주어진 값 안에 있는 숫자의 개수 세기 (백준 2577) ```java import java.util.Scanner; public class Ex1 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int value = (sc.nextInt() * sc.nextInt() * sc.nextInt()); String str = Integer.toString(value); sc.close(); for (int i = 0; i < 10; i++) { int count = 0; for (int j = 0; j < str.length(); j++) { if ((str.charAt(j) - '0') == i) { count++; } } System.out.println(count); } } } ``` - for문 부분이 중요하다. - 첫 번째 for문은 0~9 까지 각각의 수를 검사할 반복문이다. - 그리고 count 로 개수를 카운트 하기 위한 변수를 0으로 초기화 한 후, 이중 for문을 통해 str의 길이만큼 모든 요소를 검사 - charAt() 을 통해 해당 인덱스의 문자와 i 가 같은 수가 몇개 있는지 보며 만약 같을 경우 count를 +1 증가시킨다. # 21-11-25 ## JAVA ### HashMap keySet() ```java import java.util.HashMap; import java.util.Map; import java.util.Set; public class HashMapPrint { public static void main(String[] args) { // HashMap 준비 Map map = new HashMap(); map.put(1, "Apple"); map.put(2, "Banana"); map.put(3, "Orange"); // for loop (keySet()) Set keySet = map.keySet(); for (Integer key : keySet) { System.out.println(key + " : " + map.get(key)); } } } ``` - HashMap 안에 있는 모든 key값을 반환한다. ### 메소드(함수) 선언 ```java class Util { static Map getParams(String queryStr){ Map params = new HashMap<>(); String[] queryStrBits = queryStr.split("&"); for (String bit : queryStrBits) { String[] bitBits = bit.split("="); params.put(bitBits[0], bitBits[1]); } return params; } } ``` - Util이라는 클래스 안에서 정의한 getParams() 메소드 - static 타입이기 때문에 다른 static 타입에서 선언될 수 있다. - 한 번 만들어 놓으면 언제든 getParams를 통해 불러와 내부에 있는 코드를 실행한다. - 코드의 반복적인 사용을 줄여 깔끔해지고 수정하기도 편하다. ### 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 # 21-11-26 ## JAVA ### - ```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) { Map params = new HashMap<>(); String[] url = queryStr.split("\\?",2); String urlBits = url[1]; if (url.length == 1) { return params; } for (String bit : urlBits.split("&")) { String[] bitBits = bit.split("=",2); if (bitBits.length == 1) { continue; } params.put(bitBits[0], bitBits[1]); } return params; } } ``` # 21-11-29 ## JAVA ### JAVA텍스트 게시판 만들기 구현 - [https://code.oa.gg/java8/1739](https://code.oa.gg/java8/1739) - 10분 이내로 구현하기 - [https://code.oa.gg/java8/1740](https://code.oa.gg/java8/1740) - [https://slog.gg/p/1612](https://slog.gg/p/1612) 57강에 보다 직관적으로 결과를 알 수 있는 코드 있음. - 필드를 추가 - Rq가 호출될 때마다 Util에 다녀올 필요 없이 Rq에 저장된 값을 그대로 다시 return한다. ```java class Rq { String url; String getUrlPath; Map params; Rq(String url) { this.url = url; } public Map getParams() { if (params == null) { params = Util.getParamsFromUrl(url); } return params; } public String getUrlPath() { if (getUrlPath == null) { getUrlPath = Util.getUrlPathFromUrl(url); } return getUrlPath; } } ``` ### HTML, CSS, JS ```html ``` - 위와 같은 것들을 태그라고 하며 태그를 묶어 엘리먼트라고 한다. # 21-11-30 ## JAVA ### JAVA 텍스트 게시판 만들기 구현 - [https://code.oa.gg/java8/1741](https://code.oa.gg/java8/1741) ```java class Rq { private String url; private String getPath; private Map params; Rq(String url) { this.url = url; getPath = Util.getUrlPathFromUrl(this.url); params = Util.getParamsFromUrl(this.url); } ``` - 생성자를 통해 Util의 호출을 최소화한다. - 외부에서 변수에 접근할 수 없도록 private를 사용한다. ### 기존에 만들었던 코드에 Rq와 Util 도입하기 - [코드](https://slog.gg/p/1743) ### 예외 처리 ```java try{ //에러가 발생할 수 있는 코드 throw new Exception(); //강제 에러 출력 }catch (Exception e){ //에러시 수행 e.printStackTrace(); //오류 출력(방법은 여러가지) throw e; //최상위 클래스가 아니라면 무조건 던져주자 }finally{ //무조건 수행 } ``` - 최상단 클래스를 제외한 나머지 클래스에서의 예외처리는 반드시 Throw를 해주어야 한다. - 그렇지 않으면 예외처리를 해주었음에도 불구하고 Main에서는 Exception을 전달받지 못하여 예외를 인지못하는 경우가 생긴다. ## HTML, CSS, JS ### display 속성 - block - 너비가 지정되어 있지 않으면 최대한으로 늘어난다. - 높이가 지정되어 있지 않으면 최소한으로 줄어든다. - 한 줄에 무조건 1개의 block만 위치한다. - inline-block - 너비가 지정되어 있지 않으면 최소한으로 줄어든다. - 높이가 지정되어 있지 않으면 최소한으로 줄어든다. - 한 줄에 여러개의 inline-block가 위치한다. ### HTML에서의 부모, 자식 엘리먼트 - 오로지 부모, 형제 관계만 존재한다. ### table 태그 - 표를 만들 때 사용하는 태그 - thead와 tbody로 각각 해당하는 코드를 감싸야 한다. - 머리에 해당하는 부분이 없다면 tbody로 전부 감싼다. ```css div { border-collapse:collapse; } ``` - 표의 줄 설정 ### br태그 - 줄바꿈을 할 때 사용하며 셀프 클로즈드 태그로, 따로 닫을 필요가 없다. ### a태그 - 텍스트에 링크를 걸 때 사용하는 태그 - 기본 display속성은 inlien-block 이다. ```html ``` - 와 같이 사용한다. # 21-12-01 인텔리J 디버그 모드 HTML~~ 강의 5개, DB, SPRING, HTML CSS JS 1월 전까지 ## JAVA ### BufferedReader - 모든 입력을 String타입으로만 받는다. 따라서 다른 자료형으로 가공할 필요가 있다. - 대신 Scanner에 비해 속도가 아주 빠르다. ```java import java.io.*; Bufferreader br = new bufferreader(new InputStreamReader(System.in)); String s = bf.readLine(); // String 타입의 데이터 int i = Integer.parseInt(bf.readLine()); // 정수형으로 바꾼다. ``` ### BufferedWriter - System.out.println(); 과 같은 역할을 수행하지만 버퍼를 사용하므로 bufferedReader와 마찬가지로 속도가 빠르다. ```java import java.io.*; BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out)); bw.write("Hello World"); bw.flush(); // write로 담은 내용 출력 후, 버퍼를 비움. bw.close(); ``` - bufferedReader와 bufferedWriter 모두 사용에 있어 Scanner와 System.out.println(); 에 비해 불편할 수는 있지만 - 성능 면에 있어서는 압도적이므로 사용할 줄 알아야 한다. ## HTML, CSS, JS ### 젠코딩 ```html a[href="#"][target="_blank"]{네이버로 이동}+br+a[href="#"][target="_blank"]{다음으로 이동}+br+a[href="#"][target="_blank"]{구글로 이동} ``` - 와 같이 한 줄로 여러 엘리먼트를 한 번에 만들 수 있다. ### 부모, 자식, 후손 개념 - 부모 아래에 올 수 있는 건 자식 뿐. - 부모 > 자식 > 후손 개념이지만 자식의 입장에서 후손은 본인의 자식이다. - div > a - a는 div의 자식이다. - div a - a는 div의 후손이다. ### text-align - 엘리먼트 자체가 아니라 해당 엘리먼트 안에 있는 글자만 정렬한다. ```css section { text-align:center; text-align:left; text-align:right; } ``` - 위와 같이 center, left, right등으로 정렬 지정할 수 있다. # 21-12-02 위캔 강좌 8~9강 하루에 얄코 영상 1개 이상 ## # 21-12-03 HTML CSS JS 50강까지 ## JAVA ## HTML, CSS, JAVA ### - text-align과 display:inline-block를 같이 주면 의미가 없다. ```html ``` - 공백문자 ### img - 이미지는 고유의 비율 (원본 비율)을 가지고 있다. - 의도적으로 비율을 깨지 않는 한 사이즈를 늘려도 비율은 유지된다. - object fit:contain - 지정된 사이즈 안에 이미지를 담되, 상하 혹은 좌우 여백이 생긴다. - 단, 잘리지는 않는다. - object fit:cover - 지정된 사이즈를 이미지로 가득 채우되, 이미지의 상하 혹은 좌우가 잘릴 수 있다. - 단, 빈 공간은 발생하지 않는다. # 21-12-06 ## MySQL ### - - 서버 : Mysqld.exe - 클라이언트 : Mysql.exe ### 포트 - 각 프로그램마다 고유의 포트가 있다. - MySQL : 3306 - http : 80, https : 443 ## django ### 마이그레이션 migration - 아직 수행되지 않은 마이그레이션들 목록 - python manage.py showmigrations - 특정 마이그레이션에서 실제로 수행되는 sql을 보기 - python manage.py sqlmigrate admin 0001 - app_label 이 admin 이고 - migration 번호가 0001 이라는 가정하에 진행 - 아직까지 수행되지 않은 남아있는 마이그레이션들 모두 진행 - python manage.py migrate - super 생성명령어 - python manage.py createsuperuser - 관리자 생성 - 이메일은 스킵가능 # 21-12-07 ## django ### git - .gitignore 파일 만들기 - [.gitignore 자동으로 만들어 주는 사이트](https://www.toptal.com/developers/gitignore) - pycharm, django 입력하고 자동으로 만들어진 .gitignore 복사해서 new file로 만든 파일 안에 붙여넣기 ### requirements.txt 만들기 - 자신이 직접 설치한 django, mysqlclient 등을 기록하는 파일 - pip install -r requirements.txt - requirements.txt에 있는 목록 전부 설치 ## MYSQL 기본 명령어 ### DATABASE #### 모든 DATABASE 리스트 보기 - show databases; #### DATABASE 선택하기 - use + DATABASE 이름 #### DATABASE 만들기 - create database + 이름 #### 모든 TABLE 보기 - show tables; #### TABLE 선택하기 - use + TABLE 이름 ### DATA #### TABLE에 값 추가 - insert into + TABLE 이름 #### TABLE 값 출력 - select * from + 테이블 이름 #### TABLE 값 갱신 (수정) - update + 테이블 이름 set + 데이터 # 21-12-08 ## MYSQL ### 명령어 #### 작성자명이 '홍길'로 시작하는 게시물만 보여주세요., 힌트 : LIKE '홍길%' - SELECT * FROM article WHERE nickname LIKE '홍길%'; #### 조회수가 10 이상 55 이하 인것만 보여주세요., 힌트 : WHERE 조건1 AND 조건2 - SELECT * FROM article WHERE hit >=10 AND hit <=55; #### 작성자가 '무명'이 아니고 조회수가 50 이하인 것만 보여주세요., 힌트 : != - SELECT * FROM article WHERE nickname != '무명' AND hit >=50; #### 작성자가 '무명' 이거나 조회수가 55 이상인 게시물을 보여주세요. 힌트 : OR - SELECT * FROM article WHERE nickname = '무명' OR hit >= 55; #### id 데이터는 꼭 필수 이기 때문에 NULL을 허용하지 않게 바꾼다.(alter table, not null) - ALTER TABLE article MODIFY id INT(10) NOT NULL; #### 생각해 보니 모든 행(row)의 id 값은 유니크 해야한다.(ADD PRIMARY KEY(id)) - ALTER TABLE article ADD PRIMARY KEY(id); #### id 칼럼에 auto_increment 를 건다. #### auto_increment 를 걸기전에 해당 칼럼은 무조건 key 여야 한다. - ALTER TABLE article MODIFY COLUMN id INT(10) NOT NULL AUTO_INCREMENT; ## Django - [점프 투 장고](https://wikidocs.net/70649) ### 프로젝트 생성 - django-admin startproject config . - 같은 이름의 폴더를 생성하지 말고 config를 만든다. ## Pycharm ### 단축키 - [참고](https://to2.kr/dqw) - 코드 자동 정렬하기 - 윈도우, 리눅스 : Ctrl + Alt + L ## Django개발 환경 빠르게 세팅하기 ### 준비물 - 아나콘다 - 파이참 - xampp (서버 on) - 만들고자 하는 프로젝트의 DB (create database <프로젝트 이름>) - SQLyog의 아이디와 비밀번호 기억하기 ### 세팅 시작 1. 파이참 > new project 2. location 세팅 > 추천 Location : C:\work\python_projects\프로젝트 이름 3. Python Interpreter 섹션 클릭하여 펼치기 - New Interpreter using Conda 선택 - Python Version 선택, 3.10 추천 - create 4. main.py 제거 5. 터미널 열기 - pip install Django==3.2.9 - pip install mysqlclient - django-admin startproject config . 6. settings 파일 열기 - LANGUAGE_CODE = 'ko-kr' - TIME_ZONE = 'Asia/Seoul' - DATABASE 수정 ```python DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'site2', # 프로젝트 명 'USER': 'sbsst', # SQLyog의 아이디 (기본값 : root) 'PASSWORD': 'sbs123414', #SQLyog의 비밀번호 (기본값 : ' ') 'HOST': '127.0.0.1', 'PORT': '3306', 'OPTIONS': { 'init_command': "SET sql_mode='STRICT_TRANS_TABLES'", # 추가, 만약에 이 부분 때문에 오류가 난다면, 이 라인을 지우고 다시 시도해주세요. }, } } ``` 7. 터미널 > python manage.py runserver *연습용 프로젝트를 만들 때에는 git을 사용하지 않는다.* # 21-12-09 데이터 모델링 생활 코딩 :: [https://to2.kr/dqP](https://to2.kr/dqP) 1~10강 ## HTML, CSS, JS ### padding & margin - padding - border 안에서의 여백 - left, right, top, bottom 으로 방향 설정 가능. 설정하지 않으면 모든 방향에 여백 생성 ```css padding: 30px; ``` - margin - border 바깥 쪽의 여백 - left, right, top, bottom 으로 방향 설정 가능. 설정하지 않으면 모든 방향에 여백 생성 ```css margin: 30px; ``` ### 가상 생성자 child - nth-child(n) : 앞에서부터 n번째 - nth-last-child(n) : 뒤에서부터 n번째 - first-child : 첫번째 - last-child : 마지막 $$codepen https://codepen.io/yhw0536/embed/vYeKeMz?default-tab=html%2Cresult $$ ## Django ### 조회 결과를 정렬하는 함수 - order_by() - order_by('-create_date') : 작성 일시를 기준으로 역순 정렬 ### django shell #### filter ```python >>> Question.objects.filter(id=1) ]> ``` - filter는 조건에 해당되는 데이터를 모두 리턴해 주기 때문에 다건을 의미하는 QuerySet이 리턴된다. #### get ```python >>> Question.objects.get(id=1) ``` - get으로 조회할 경우 QuerySet이 아닌 Question 모델 객체가 리턴되었다. filter는 다건을 리턴하지만 get은 한건만 리턴하기 때문이다. - get은 반드시 1건의 데이터를 조회할 때 사용한다. 보통 get은 id와 같은 유일한 값으로 조회할 경우에만 사용한다. #### subject__contains ```python >>> Question.objects.filter(subject__contains='장고') ]> ``` - subject__contains='장고'의 의미는 "subject에 '장고'라는 문자열이 포함되어 있는가?" 라고 해석할 수 있다. subject__contains 에서 언더바가 1개가 아닌 2개인것에 주의. # 21-12-10 장고 3-01 까지 진행했음 2장 반복할 것 # 21-12-13 ## git ### local에서 user.name과 user.eamil 삭제하기 - git config --unset-all user.name - git config --unset-all user.email ### global에서 user.name과 user.eamil 삭제하기 - git config --global --unset-all user.name - git config --global --unset-all user.email ## github flow - visual studio code 에서 터미널을 git bash로 사용하면 편리하다. (현재 있는 branch등 직관적으로 확인 가능) - branch를 새로 만들어 push한 후에 사용이 끝난 branch는 삭제한다. - master 최신화 ### local branch 삭제 - main branch에서 작업한다. (주로 master) 1. 로컬 브랜치 삭제 - git branch -d 브랜치명 2. 로컬 브랜치 삭제 한것을 원격에 반영 - git push -d origin 1번에서 삭제한 브랜치명 3. 모든 브랜치 목록 확인 후 끝. - git branch -al ### issue close 하기 - pull request 요청할 때 close # 해서 목록에서 선택 - pull request 요청 수락 되고 머지될 때 자동으로 issue close # 21-12-17 - [필수 시청 영상 HTTP란?](https://to2.kr/drF) ## Django ### 소셜 로그인 -[참고용 블로그1](https://newbiecs.tistory.com/195) -[참고용 블로그2](https://swarf00.github.io/2018/12/19/social-login.html) -[네이버 개발자 공식 튜토리얼](https://to2.kr/drI) # 21-12-20 데이터 모델링 생활 코딩 :: [https://to2.kr/dqP](https://to2.kr/dqP) 11~20강 ## SQL ### mega_shop db 구현 - [index 관련 영상 시청하기](https://slog.gg/p/884) - [문제](https://github.com/jhs512/exam_2021_12_20/blob/master/weeks/1/1/db.md) - [github fork](https://data-make.tistory.com/228) - [https://slog.gg/p/2822](https://slog.gg/p/2822) ### 스키마란? - [https://coding-factory.tistory.com/216](https://coding-factory.tistory.com/216) 1. 스키마는 데이터베이스의 구조와 제약 조건에 관한 전반적인 명세를 기술한 메타데이터의 집합이다. 2. 스키마는 데이터베이스를 구성하는 데이터 개체(Entity), 속성(Attribute), 관계(Relationship) 및 데이터 조작 시 데이터 값들이 갖는 제약 조건 등에 관해 전반적으로 정의한다. 3. 스키마는 사용자의 관점에 따라 외부 스키마, 개념 스키마, 내부 스키마로 나눠진다. - 스키마 - 스키마의 특징 1. 스키마는 데이터 사전(Data Dictionary)에 저장되며, 다른 이름으로 메타데이터라고도 한다. 2. 스키마는 현실 세계의 특정한 한 부분의 표현으로서 특정 데이터 모델을 이용해서 만들어진다. 3. 스키마는 시간에 따라 불변인 특성을 갖는다. 4. 스키마는 데이터의 구조적 특성을 의미하며, 인스턴스에 의해 규정된다. - 스키마의 3계층 - 데이터베이스 관리 시스템은 외부적 스키마에 따라 명시된 사용자의 요구를 개념적 스키마에 적합한 형태로 변경하고 이를 다시 내부적 스키마에 적합한 형태로 변환한다. - 외부 스키마(External Schema) = 사용자 뷰(View) 1. 외부스키마는 사용자나 응용프로그래머가 각 개인의 입장에서 필요로 하는 데이터베이스의 논리적 구조를 정의한 것이다. 2. 외부스키마는 전체 데이터베이스의 한 논리적인 부분으로 볼 수 있으므로 서브 스키마(Sub Schema)라고도 한다. 3. 하나의 데이터베이스 시스템에는 여러개의 외부 스키마가 존재할 수 있으며 하나의 외부 스키마를 여러개의 응용 프로그램이나 사용자가 공용할 수도 있다. 4. 같은 데이터베이스에 대해서도 서로 다른 관점을 정의할 수 있도록 허용한다. 5. 일반 사용자는 질의어(SQL)을 이용하여 DB를 쉽게 사용할 수 있다. 6. 응용 프로그래머는 C, JAVA등의 언어를 사용하여 DB에 접근한다. - 개념 스키마(Conceptual Schema) = 전체적인 뷰(View) 1. 개념 스키마는 데이터베이스의 전체적인 논리적 구조로서, 모든 응용 프로그램이나 사용자들이 필요로 하는 데이터를 종합한 조직 전체의 데이터베이스로 하나만 존재한다. 2. 개념스키마는 개체간의 관계와 제약 조건을 나타내고 데이터베이스의 접근 권한, 보안 및 무결성 규칙에 관한 명세를 정의한다. 3. 데이터베이스 파일에 저장되는 데이터의 형태를 나타내는 것으로, 단순히 스키마(Schema)라고 하면 개념 스키마를 의미한다. 4. 기관이나 조직체의 관점에서 데이터베이스를 정의한것이다. 5. 데이터베이스 관리자(DBA)에 의해서 구성된다. - 내부 스키마(Internal Schema) = 저장 스키마(Storage Schema) 1. 내부 스키마는 물리적 저장장치의 입장에서 본 데이터베이스 구조로, 물리적인 저장장치와 밀접한 계층이다. 2. 내부스키마는 실제로 데이터베이스에 저장될 레코드의 물리적인 구조를 정의하고, 저장 데이터 항목의 표현방법, 내부 레코드의 물리적 순서 등을 나타낸다. 3. 시스템 프로그래머나 시스템 설계자가 보는 관점의 스키마이다. ### index - [https://to2.kr/drM](https://to2.kr/drM) - [https://stricky.tistory.com/310](https://stricky.tistory.com/310) - TABLE의 컬럼을 색인화(따로 파일로 저장)하여 검색시 해당 TABLE의 레코드를 Full Scan 하는게 아니라 색인화 되어있는 INDEX 파일을 검색하여 검색속도를 빠르게 한다. ### B-tree와 B+tree - [https://zorba91.tistory.com/293](https://zorba91.tistory.com/293) # 21-12-21 데이터 모델링 생활 코딩 :: [https://to2.kr/dqP](https://to2.kr/dqP) 21강~ ## mega_shop_project ### 과제 - [문제](https://github.com/yhw0536/site224) - 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 ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 21-12-23 ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 21-12-24 ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 21-12-27 ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 21-12-28 ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 21-12-29 ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 21-12-30 - [생활코딩 Python Django Web Framework](https://to2.kr/dsG) ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 21-12-31 - [생활코딩 Python Django Web Framework](https://to2.kr/dsG) ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 22-01-03 - [생활코딩 Python Django Web Framework](https://to2.kr/dsG) - [장고 팁](https://slog.gg/p/3046) ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) ``` # 가장 마지막 커밋 메시지 수정 git commit --amend -m "바꿀 메시지" # 만약에 이미 푸시 한 후 라면, 위 명령어만으로는 부족하다. # 그럴 때는 아래명령을 통해서 원격지도 수정한다. git push origin master -f ``` # 22-01-04 - [생활코딩 Python Django Web Framework](https://to2.kr/dsG) - [장고 팁](https://slog.gg/p/3046) ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) ## 파이참 단축키 ### 소스코드, 일반 - Ctrl + Z : undo - Ctrl + Y : redo - Tab : 들여쓰기 - Shift Tab : 역들여쓰기 - Ctrl + Shift + F : 소스코드 정리 - Ctrl + Shift + O : import 정리 - 의존성 필요한 코드에 커서 위치 + Alt + Enter : 의존성 자동 임포트 - Alt + 1 : 프로젝트 바 토글 - Alt + F12 : 터미널 창 토글 - Ctrl + Page Up : 현재 소스코드 탭에서 좌측 탭으로 이동 - Ctrl + Page Down : 현재 소스코드 탭에서 우측 탭으로 이동 - Ctrl + F4 : 현재 탭 닫기 - Alt + ← : 소스코드 이동 히스토리 undo - Alt + → : 소스코드 이동 히스토리 redo - Ctrl + Shift + R : 파일이름으로 소스코드 열기 - Ctrl + 소스코드 Click : 해당 소스코드 구현부로 이동 - Alt + ← : 방금 실수로 닫은 소스코드 탭 다시 열기 - Ctrl + L : 라인 이동 - Ctrl + G : 해당 함수나 클래스의 사용처 보기 - Alt + F1, 1 : 현재 소스코드 탭에 열려있는 파일의 위치를 프로젝트 뷰에서 활성화 ### 프로젝트 탭 - Ctrl + Numpad - : 전체 접기 - Ctrl + Numpad + : 전체 펼치기 # 22-01-05 - [생활코딩 Python Django Web Framework](https://to2.kr/dsG) - [장고 팁](https://slog.gg/p/3046) - 도메인 lala.tk ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) # 22-01-07 - [장고 팁](https://slog.gg/p/3046) - 도메인 lala.tk ## mega_market project 진행 - [수업 내용](https://to2.kr/ds5) - [리포지터리](https://github.com/yhw0536/mega_market_project) ## 실전배포 - [실전배포](https://slog.gg/p/3045) - puTTY 설치 ``` # 도커 설치 sudo yum install yum-utils device-mapper-persistent-data lvm2 -y sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo -y sudo yum install docker-ce -y sudo systemctl start docker sudo systemctl enable docker # 도커 컴포즈 설치 sudo curl -L "https://github.com/docker/compose/releases/download/1.27.4/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose sudo chmod +x /usr/local/bin/docker-compose # 도커를 sudo 없이 사용 sudo usermod -aG docker ${USER} # 도커를 sudo 없이 사용하려면, putty 재시작 필수 ``` # 22-01-12 ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk 국내 / 해외 국가별, 도시별 분류 여행지 사진 및 리뷰 숙소 사진 및 리뷰 여행 루트 공유 이번 주 계획 수 : 벤치마킹(트리플), 가입, 로그인, 게시글 추가, 삭제 목 : 금 : # 22-01-13 - [flex 120강](https://slog.gg/p/1315) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 이번 주 계획 수 : 벤치마킹(트리플), 가입, 로그인 목 : 벤치마킹(트리플), 포스트 리스트, 추가, 삭제, 마스터 데이터 금 : ## git ### git add 취소하기 - git reset HEAD (파일명) # 22-01-14 - [flex 120강](https://slog.gg/p/1315) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 수 : 벤치마킹(트리플), 가입, 로그인 목 : 벤치마킹(트리플), 포스트 리스트, 포스트 작성 금 : 마스터 데이터, 리스트 버그 수정, 포스트와 작성자 매칭 # 22-01-17 - [flex 120강](https://slog.gg/p/1315) - [제네릭 뷰](https://ccbv.co.uk/) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 포스트 담기 - 담은 포스트 리스팅 - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 월 : 포스트 수정 및 삭제 화 : 수 : 목 : 금 : # 22-01-18 - [flex 120강](https://slog.gg/p/1315) - [제네릭 뷰](https://ccbv.co.uk/) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 포스트 담기 - 담은 포스트 리스팅 - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 월 : 포스트 수정 및 삭제 화 : 수정 및 작성 페이지에 마크다운 에디터 적용 마스터 데이터 추가 생성 수 : 목 : 금 : # 22-01-19 - [flex 120강](https://slog.gg/p/1315) - [제네릭 뷰](https://ccbv.co.uk/) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) - [섬머노트 튜토리얼](https://arotein.tistory.com/31?category=936406) - [섬머노트 참고](https://to2.kr/duD) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 포스트 담기 - 담은 포스트 리스팅 - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 월 : 포스트 수정 및 삭제 화 : 수정 및 작성 페이지에 마크다운 에디터 적용 마스터 데이터 추가 생성 수 : 포스트 디테일, 작성 및 수정에 마크다운 적용 성공 섬머노트로 변경 중 목 : 금 : # 22-01-20 - [flex 120강](https://slog.gg/p/1315) - [제네릭 뷰](https://ccbv.co.uk/) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) - [섬머노트 튜토리얼](https://arotein.tistory.com/31?category=936406) - [섬머노트 참고](https://to2.kr/duD) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 포스트 담기 - 담은 포스트 리스팅 - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 월 : 포스트 수정 및 삭제 화 : 수정 및 작성 페이지에 마크다운 에디터 적용, 마스터 데이터 추가 생성 수 : 포스트 디테일, 작성 및 수정에 마크다운 적용 성공, 포스트 작성 에디터 섬머노트로 변경 중 목 : 포스트 작성 에디터 섬머노트로 변경, 마스터 데이터 추가, 제목 검색 기능 금 : # 22-01-21 - [flex 120강](https://slog.gg/p/1315) - [제네릭 뷰](https://ccbv.co.uk/) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) - [섬머노트 튜토리얼](https://arotein.tistory.com/31?category=936406) - [섬머노트 참고](https://to2.kr/duD) - [해시태그 검색 참고](https://cowimming.tistory.com/120) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 포스트 담기 - 담은 포스트 리스팅 - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 월 : 포스트 수정 및 삭제 화 : 수정 및 작성 페이지에 마크다운 에디터 적용, 마스터 데이터 추가 생성 수 : 포스트 디테일, 작성 및 수정에 마크다운 적용 성공, 포스트 작성 에디터 섬머노트로 변경 중 목 : 포스트 작성 에디터 섬머노트로 변경, 마스터 데이터 추가, 제목 검색 기능 금 : 포스트에 들어가는 이미지 받는 모델 작성, 디자인 수정, 포스트 작성 페이지 개선, 리스트 페이지 버그 수정 # 22-01-24 - [flex 120강](https://slog.gg/p/1315) - [제네릭 뷰](https://ccbv.co.uk/) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) - [섬머노트 튜토리얼](https://arotein.tistory.com/31?category=936406) - [섬머노트 참고](https://to2.kr/duD) - [해시태그 검색 참고](https://cowimming.tistory.com/120) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 포스트 담기 - 담은 포스트 리스팅 - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 월 : 좋아요 기능 추가, 카카오 로그인 추가, 아이디 찾기 추가 화 : 수 : 중간발표 목 : 금 : # 22-01-25 - [flex 120강](https://slog.gg/p/1315) - [제네릭 뷰](https://ccbv.co.uk/) ## 개인 미니 프로젝트 - [참고 리포지터리](http://to2.kr/dtC) - [내 리포지터리](https://github.com/yhw0536/project_ttt) - [섬머노트 튜토리얼](https://arotein.tistory.com/31?category=936406) - [섬머노트 참고](https://to2.kr/duD) - [해시태그 검색 참고](https://cowimming.tistory.com/120) 주제 : 여행지 추천/공유 앱 사이트 이름 : TTT(트립투어트레블) 사이트 도메인 : ttt.lala.tk - todo list - 국내 / 해외 - 국가별, 도시별 분류 - 여행지 사진 및 리뷰 - 숙소 사진 및 리뷰 - 여행 루트 공유 - 구글 지도 - 추천(좋아요) - 세계 환율(한국무역협회) - 마크다운 에디터 - 소셜 로그인(카카오 네이버 페이스북 구글) - 포스트 담기 - 담은 포스트 리스팅 - 하고 싶은 거 - 이미지가 상단에 표시되기 - 제목과 태그가 이미지 위에 표시 - 프로필 이미지 표시 이번 주 계획 월 : 좋아요 기능 추가, 카카오 로그인 추가, 아이디 찾기 추가 화 : 검색 기능 개선, 포스트 리스트 이미지 섬네일 제발 수 : 중간발표 목 : 금 : # 22-02-07 # 22-02-08 # 22-02-09 # 22-02-10 # 22-02-25 - [배포](https://slog.gg/p/3582) - [노션 이력서 참고](https://www.notion.so/97097c42327b452ab8ba6ec2d81f2a5b) - [이미지 호스팅](https://postimages.org/) - [멋블리 기술 설명서 참고](https://slog.gg/p/3854) - [to2.kr/cVr](http://to2.kr/cVr)