$$config title: [허은재 공부 LOG 위키] keywords: - IT - 공부위키 - 국비교육과정 - 풀스택(프론트엔드, 백엔드) $$ 자주 쓰는 항목(추가 및 삭제) --- - [국비교육과정 수업페이지](https://slog.gg/p/5532) - [node.js](https://www.mycompiler.io/new/nodejs) - [주소 줄여주는 서비스](https://to2.kr/) - [node.js로 백준(boj) 문제 풀때 유의할 점들](https://tesseractjh.tistory.com/39) - [D2코딩 - 코딩용 폰트](https://to2.kr/dHz) - [xampp 다운로드](http://www.apachefriends.org/index.html) - 프로그램 설치시에 설치할 요소들을 선택하는데, 거기서 MySQL만 선택하고, 나머지는 체크해제 - [Sqlyog 다운로드](https://sqlyog.softonic.kr/) - [vs code 다운로드](http://code.visualstudio.com/) - [git 다운로드](https://git-scm.com/) - [nvm 다운로드](https://github.com/coreybutler/nvm-windows/releases) - [POST MAN](https://www.postman.com/downloads/?utm_source=postman-home) - [깃허브](github.com) - [Gatsby 튜토리얼](https://www.gatsbyjs.com/docs/tutorial/) - [Jdoodle](https://www.jdoodle.com/) - [자바연습장](https://code.oa.gg/java8#) - [스프링부트](http://to2.kr/cVr) - [전기수참고자료](https://slog.gg/p/1227) - [인텔리제이](https://www.jetbrains.com/ko-kr/idea/) - [테일윈드](https://tailwindcss.com/) - [데이지UI](https://daisyui.com/components/stat/) - [깃 강의](https://www.yalco.kr/@git-github/1-1/) - [Git Hub push 에러](https://velog.io/@sun1203/Git-push%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0%EB%B2%95) 문제(추가 및 삭제) --- - [프로그래머스 자바스크립트 입문](https://programmers.co.kr/learn/courses/3) - [백준 단계별 문제](https://www.acmicpc.net/step) - [멋쟁이사자처럼](https://slog.gg/p/6656) # [개인프로젝트 참고자료](https://lostark.game.onstove.com/Profile/Character) [개인프로젝트 깃허브]() 프론트 - React, Tailwind 백엔드 - 자바, 스프링 DB - MySql # [팀프로젝트 참고자료](https://it-tutorial.tistory.com/36) [팀프로젝트 깃허브](https://github.com/HeoEunJae/Team_YB-OB_InstaKG) 팀프로젝트 선호도 조사 인스타그램같은것 선택 - 난이도 조사 프론트 CSS, Bootstrap, thymeleaf 사용 백엔드 - 자바 DB - SQLyog 기본적인로직 - 회원가입 -> 로그인 -> 메인화면(프로필, 게시물, 팔로워, 팔로잉, 설정 홈, 검색, 프로필(편집))(진행중) - 민영 + 프로필편집 - 사진, 이름, 사용자이름, 자기소개, 개인정보수정(이메일주소, 본인번호, 성별, 생년월일)(완료) - 은재 게시글을 등록한 후 - (프로필(사용자이름) ,이미지, ), 좋아요, 댓글, 저장, 등록날짜)(완료), 해시태그(보류), 다이렉트메시지(보류)- 선호 + 설정 목록 - 공유, 링크, 삭제, 수정, 댓글 막기(완료) - 이령 모달창 - 은재 홈 화면가기 - 검색 - 해시태그 본인프로필이동 - 메인테마 - [메인색](https://colorhunt.co/collection) 아이콘 담당 - 민영 아이콘 테마 - intelij 테두리 비슷 아이콘 로고 - YnO / Instarkg ![예시](https://toptrend.blog/wp-content/uploads/2022/03/intellij-%EC%9D%B8%ED%85%94%EB%A6%AC-%EC%A0%9C%EC%9D%B4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EA%B2%80%EC%83%89.jpg)ㄷㅇ [아이콘 사용법](https://velog.io/@saichoiblog/how-to-use-bootstrap-icon) [아이콘 사용법2]()

주간 보고 件 월요일 오전 9시 15분 회의시작 일요일 저녁 개별 깃 허브 업로드

은재 - 로그인/회원가입창 - 메인화면/프로필수정/게시글폼? 전체적인틀을 잡아놈 선호 - 이미지등록/좋아요/댓글/처음댓글만보이기 이령 - 게시글 삭제/수정/댓글막기/링크/복사/공유(카카오톡),(트위터x) 민영 - 점프투 스프링 페이지/아이콘 디자인작업/1번, 2번 선택(결정) 1번 [1번디자인](https://cdn.discordapp.com/attachments/993375184193077272/1003463293668708392/instaKG_.png?width=1120&height=630) [2번디자인](https://cdn.discordapp.com/attachments/993375184193077272/1003463293261840414/instaKG_ver.2.png?width=1120&height=630) 2022-08-01 ~ 2022-08-07 주간 목표 은재 - 전체적인 디자인 찾기 / 인스타그램 홈페이지 참고해서 프로필HTML/CSS 수정 및 진행 / 프로필에 사진 넣기 선호 - 대댓글 / 이미지 여러장 / 동영상 업로드 이령 - 디자인 / 공유완성 민영 - 회원가입창 / 로그인창 구현 2022-08-08 ~ 2022-08-15 주간 목표 은재 - 전체적인 깃허브 계정으로 초대해서 다같이쓸수있게진행 / 메인페이지 / 프로필화면 페이지 전부 진행 선호 / 이령 - 동영상 완료 / 이미지 여러장 진행중(이미지 슬라이드기능) / 대댓글(보류) - 찾아보기 민영 - 회원가입 / 로그인 진행중 푸터바 조원 이름 넣고 깃이랑 언제만들었는지 넣어보자 2022-08-16 ~ 2022-08-22 주간 목표 은재 - 메인페이지 완료해서 공유 / 프로필 페이지 완성 / 개인 프로필 수정 페이지 만들기 / 반응형으로 수정 하기 프론트를 끝낼겁니다 생각한대까지 선호 / 이령 - 게시물 프로필 연결 / 디테일 화면 마무리 민영 - ## # 2022-10-23 일요일 공부시간 : 영상시간 : 영상개수 : 공부 유튜브 시청 : 블로그 게시 : 백준 공부 시간 : 파이썬 공부 시간 : ~~react 강의 보기~~ # 2022-10-19 수요일 공부시간 : 영상시간 : 영상개수 : 공부 유튜브 시청 : 블로그 게시 : 1 백준 공부 시간 : 파이썬 공부 시간 : ~~ 디자인 구성 ~~ ![참고자료](https://arca.live/b/bluearchive) # 2022-10-18 화요일 개인 프로젝트 시작 공부시간 : 영상시간 : 영상개수 : 공부 유튜브 시청 : 블로그 게시 : 1 백준 공부 시간 : 파이썬 공부 시간 : ~~ React와 node.js 연동 방법 정리~~ # 2022-10-12 수요일 개인 프로젝트 시작 블로그 다시 활성화 하루에 2개씩 공부시간 : 1.8 영상시간 : 1.8 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 4 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~리액트 노멀라이즈 방법~~ ~~리액트 테일윈드 사용방법 정리~~ ~~리액트 컴포넌트 사용방법 정리~~ ~~리액트 라우터 정리~~ # 2022-08-26 금요일 72일차 토요일 일요일 공부시간 : 2.5 영상시간 : 2.5 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 회원가입 / 로그인 기능 구현 # 2022-08-19 금요일 67일차 토요일 일요일 공부시간 : 3.3 영상시간 : 3.3 영상개수 : 1 공부 유튜브 시청 : 1 블로그 게시 : 5 백준 공부 시간 : 0 파이썬 공부 시간: 0 얄팍한코딩사전 git 강의 듣기 대댓글 html 수정 진행중 기능에 주석달기 # 2022-08-18 목요일 66일차 공부시간 : 0 영상시간 : 0 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 전체 레이아웃 반응형에서 고정형으로 변경완료(사소한 문제 발생 가능성 있음 추후 해결) 기능에 주석달기 # 2022-08-17 수요일 66일차 공부시간 : 1 영상시간 : 1 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~개인 프로필 수정 페이지 구현 진행중~~ ~~기능에 주석달기~~ # 2022-08-17 화요일 65일차 공부시간 : 1.4 영상시간 : 1.4 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~개인 프로필 수정 페이지 구현 진행중~~ ~~기능에 주석달기~~ # 2022-08-16 월요일 64일차 공부시간 : 1 영상시간 : 1 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~개인 프로필 수정 페이지 구현 진행중~~ ~~기능에 주석달기~~ # 2022-08-12 금요일 63일차 토요일 일요일 공부시간 : 6 영상시간 : 6 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~프로필 페이지. 프로필 수정 페이지 구현~~ ~~기능에 주석달기~~ # 2022-08-11 목요일 63일차 공부시간 : 0 영상시간 : 0 영상개수 : 0 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~메인페이지 만들기~~ ~~기능에 주석 달기~~ ~~메인스토리 페이지 부트스트랩만 사용해서 구현하기~~ # 2022-08-10 수요일 62일차 공부시간 : 0 영상시간 : 0 영상개수 : 0 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~메인페이지 만들기~~ ~~기능에 주석 달기~~ ~~메인스토리 페이지 부트스트랩만 사용해서 구현하기~~ # 2022-08-09 화요일 61일차 공부시간 : 2 영상시간 : 2 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~메인페이지 만들기~~ ~~기능에 주석 달기~~ ~~메인스토리 페이지 부트스트랩만 사용해서 구현하기~~ # 2022-08-08 월요일 60일차 공부시간 : 3.2 영상시간 : 3.2 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 메인페이지 만들기 기능에 주석 달기 메인스토리 페이지 부트스트랩만 사용해서 구현하기 [인스타그렘메인화면 참고자료](https://velog.io/@shin6403/%EC%9D%B8%EC%8A%A4%ED%83%80%EA%B7%B8%EB%9E%A8-%ED%81%B4%EB%A1%A0-%EC%BD%94%EB%94%A9-%EC%BD%94%EB%93%9C-%EB%A6%AC%EB%B7%B0Part.2-Main-Page) # 2022-08-05 금요일 59일차 토요일, 일요일 공부시간 : 6.4 영상시간 : 6.4 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~로그인 / 회원가입 페이지 부트스트랩만 사용해서 구현하기~~ ~~기능에 주석 달기~~ 메인스토리 페이지 부트스트랩만 사용해서 구현하기 # 2022-08-04 목요일 58일차 공부시간 : 1.7 영상시간 : 1.7 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 로그인창 / 회원가입창 스프링부트만 사용해서 만들어보기 기능에 주석 달기 # 2022-08-03 수요일 57일차 공부시간 : 0 영상시간 : 0 영상개수 : 공부 유튜브 시청 : 0 블로그 게시 : 3 백준 공부 시간 : 0 파이썬 공부 시간: 0 [DB초기화 명렁어](https://velog.io/@dev_zzame/%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EC%B4%88%EA%B8%B0%ED%99%94-%EC%A0%84%EB%9E%B5-DDL-AUTO-%EC%98%B5%EC%85%98) # 2022-08-02 화요일 56일차 공부시간 : 2 영상시간 : 0 영상개수 : 0 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 [DTO란?](https://melonicedlatte.com/2021/07/24/231500.html) [OAUTH란](https://showerbugs.github.io/2017-11-16/OAuth-%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C) # 2022-08-01 월요일 55일차 공부시간 : 2 영상시간 : 2 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 # 2022-07-29 금요일 54일차 토요일, 일요일 공부시간 : 6.4 영상시간 : 6.4 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 2 백준 공부 시간 : 0 파이썬 공부 시간: 0 회원가입 후 프로필 수정 기능 구현 기능 구현하면서 블로그 정리 oauth2 개념 찾아보기 백준 파이썬 문자열 끝내기 # 2022-07-28 목요일 53일차 공부시간 : 3.3 영상시간 : 3.3 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 1 백준 공부 시간 : 0 파이썬 공부 시간: 0 점프투스프링 최대한 끝내기 백준 파이썬 블로그 정리 [참고자료](https://kyuhyuk.kr/category/Spring-Boot) -[타임리프기본문법](https://velog.io/@alicesykim95/Thymeleaf) # 2022-07-27 수요일 52일차 공부시간 : 3.4 영상시간 : 3.4 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 1 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~모달창 띄우기( 로그인창 / 로그아웃창 )~~ 백준 파이썬 블로그 정리 # 2022-07-26 화요일 51일차 공부시간 : 0 영상시간 : 0 영상개수 : 0 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 몸 안좋아서 쉼 # 2022-07-25 월요일 50일차 공부시간 : 0 영상시간 : 0 영상개수 : 0 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 몸 안좋아서 쉼 백준 파이썬 블로그 정리 모달창 띄우기 자바스크립라서 안됨 부트스트랩 공백 [공백](https://velog.io/@leyuri/Bootstrap-%EA%B3%B5%EB%B0%B1Spacing-%EC%A3%BC%EB%8A%94-%EB%B2%95-mt-mb-ml-mr-mx-my-pt-pb-pl-pr-px-py) 부트스트랩 볼드 정리 검색 bootstrap bold정리 ------------------------------------------------ 팀프로젝트 - 프로필 편집 이미지 ![이미지](https://mblogthumb-phinf.pstatic.net/MjAxNzAxMjJfMTky/MDAxNDg1MDkwNTgxNjE1.2NwC1tRGvCI8vUGJ4-bcqb6PfZxiaI3EghKbQZ-TpOgg.gCPfmQ-qL66XVT73T4S7g8hzpdlei4eTnxySwTsHuOog.JPEG.sonsoore2/01-20170122.jpg?type=w800) 상단 네비바 사진 넣기 프로필 수정 버튼 팔로워 버튼 만들어서 숫자 증가 팔로잉 버튼 만들어서 숫자 증가 게시글 버튼 만들어서 숫자 증가 푸터 하단 고정 프로필 수정 ![프로필](https://mblogthumb-phinf.pstatic.net/MjAxNzAxMjJfMTg2/MDAxNDg1MDkwNTgxNDk4.HPP7RfSHSE9n2j08KKKhf0Jbif4jzn8lPQR_vCHyTJEg.dmmX5zX4XGFVhR8fetWNMeIRtJltkFaEsNWFyNSmQHwg.JPEG.sonsoore2/02-20170122.jpg?type=w800) 상단네비바 사진 가운데 클릭하면 모달창 띄우기 이름 넣기 닉네임 넣기 웹사이트 주소 소개란 -[스프링부트인스타메인페이지참고](https://velog.io/@hyounglee/instagram-clone-2) -[스프링부트인스타클론](https://velog.io/@kyu9610/Spring-boot-%EC%9D%B8%EC%8A%A4%ED%83%80%EA%B7%B8%EB%9E%A8-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1) -[스프링부트인스타클론2](https://leleluv1122.github.io/springboot/spring-boot-instagram-1/) -[ㅇ](https://blog.naver.com/PostView.naver?blogId=rlawjdgus051&logNo=222284150997&categoryNo=73&parentCategoryNo=0&viewDate=¤tPage=6&postListTopCurrentPage=1&from=search&userTopListOpen=true&userTopListCount=5&userTopListManageOpen=false&userTopListCurrentPage=6) -[d](https://moonsbeen.tistory.com/category/Spring/SpringBoot%20Project?page=3) # 2022-07-22 금요일 49일차 토요일, 일요일 공부시간 : 9 영상시간 : 7 영상개수 : 3 공부 유튜브 시청 : 0 블로그 게시 : 20 백준 공부 시간 : 1.6 파이썬 공부 시간: 1.6 ~~백준 파이썬 블로그 정리~~ 스프링부트 게시판 만들기 헷갈렸던 점 블로그 정리하기 ~~@Autowired 순환참조, DI 정리~~ ~~ @AllArgsConstructor 정리 , @Autowired와 @AllArgsConstructor의 차이 정리 ~~ ~~@Jsonignore 정리~~ ~~코드 리팩토링 블로그정리~~ ~~github 전략 정리~~ ~~HTTP 메소드 정리~~ ~~@size(min=3, max=12 message = "먹힘") 사이즈도 메시지가 먹힌다~~ ~~navbar 정렬 방법 ~~ ~~footerbar 수정 방법~~ 배달의민족 리드 개발자 이동욱 면접 ~~DBMS랑 RDBMS랑 차이[ㅇㅇ](https://m.blog.naver.com/cjhol2107/221758915414)~~ ~~Redis방식~~ ~~로드밸런싱~~ ~~인증과 인가~~ ~~아이콘 사용법 정리(임배드와 내부에서 사용하는법)~~ ~~로그인/로그아웃 구현~~ ~~onclick-"form.submit()"~~ 모달창 띄우기 자바스크립라서 안됨 부트스트랩 공백 [공백](https://velog.io/@leyuri/Bootstrap-%EA%B3%B5%EB%B0%B1Spacing-%EC%A3%BC%EB%8A%94-%EB%B2%95-mt-mb-ml-mr-mx-my-pt-pb-pl-pr-px-py) # 2022-07-21 목요일 48일차 공부시간 : 2 영상시간 : 2 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 백준 파이썬 블로그 정리 스프링부트 게시판 만들기 헷갈렸던 점 블로그 정리하기 @Autowired 순환참조, DI 정리 @AllArgsConstructor 정리 , @Autowired와 @AllArgsConstructor의 차이 정리 @Jsonignore 정리 부트스트랩 볼드 정리 검색 bootstrap bold정리 코드 리팩토링 블로그정리 github 전략 정리 HTTP 메소드 정리 @size(min=3, max=12 message = "먹힘") 사이즈도 메시지가 먹힌다 navbar footerbar 수정 방법 배달의민족 리드 개발자 이동욱 면접 # 2022-07-20 수요일 47일차 공부시간 : 3 영상시간 : 3 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~스프링부트 회원가입 및 로그인/로그아웃 하기~~ 백준 파이썬 블로그 정리 스프링부트 게시판 만들기 헷갈렸던 점 블로그 정리하기 @Autowired 순환참조, DI 정리 @AllArgsConstructor 정리 , @Autowired와 @AllArgsConstructor의 차이 정리 @Jsonignore 정리 부트스트랩 볼드 정리 검색 bootstrap bold정리 코드 리팩토링 블로그정리 github 전략 정리 HTTP 메소드 정리 @size(min=3, max=12 message = "먹힘") 사이즈도 메시지가 먹힌다 # 2022-07-19 화요일 46일차 공부시간 : 2.4 영상시간 : 2.4 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 스프링부트 회원가입 및 로그인/로그아웃 하기 백준 파이썬 블로그 정리 스프링부트 게시판 만들기 헷갈렸던 점 블로그 정리하기 @Autowired 순환참조, DI 정리 @AllArgsConstructor 정리 , @Autowired와 @AllArgsConstructor의 차이 정리 부트스트랩 볼드 정리 검색 bootstrap bold정리 티스토리 블로그 생성하기 스킨 - 이쁘게 폰트 - 눈누 들어가서 이쁜거 카테고리 - 깔끔하게 ㅎㅎ 이미지 - 멋있는걸로 ! # 2022-07-18 월요일 45일차 공부시간 : 2 영상시간 : 2 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 1 백준 공부 시간 : 2 파이썬 공부 시간: 2 시험 # 2022-07-15 금요일 44일차 토요일, 일요일 공부시간 : 7.2 영상시간 : 7.2 영상개수 : 3 공부 유튜브 시청 : 0 블로그 게시 : 2 백준 공부 시간 : 2.8 파이썬 공부 시간: 2.8 이클립스 자바 텍스트 게시판 구현 - 회원가입 및 회원 로그인 완료 이클립스 자바 텍스트 게시판 구현 - 마지막까지 완료하기 ~~스프링부트 게시물 복습~~ ~~스프링부트 회원가입 및 로그인/로그아웃 하기~~ 스프링부트 유효성 검사 블로그 정리 ~~백준 파이썬 블로그 정리~~ @Autowired 순환참조, DI 정리 티스토리 블로그 생성하기 스킨 - 이쁘게 폰트 - 눈누 들어가서 이쁜거 카테고리 - 깔끔하게 ㅎㅎ 이미지 - 멋있는걸로 ! # 2022-07-14 목요일 43일차 공부시간 : 3.5 영상시간 : 3.5 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 1 백준 공부 시간 : 2.5 파이썬 공부 시간: 2.5 이클립스 자바 텍스트 게시판 구현 - 회원가입 및 회원 로그인 완료 이클립스 자바 텍스트 게시판 구현 - 마지막까지 완료하기 스프링부트 게시물 복습 스프링부트 유효성 검사 블로그 정리 ~~백준 파이썬 블로그 정리~~ 티스토리 블로그 생성하기 스킨 - 이쁘게 폰트 - 눈누 들어가서 이쁜거 카테고리 - 깔끔하게 ㅎㅎ 이미지 - 멋있는걸로 ! # 2022-07-13 수요일 42일차 공부시간 : 1 영상시간 : 1 영상개수 : 1 공부 유튜브 시청 : 0 블로그 게시 : 2 백준 공부 시간 : 1 파이썬 공부 시간: 0 ~~jpa 메소드 블로그 정리~~ ~~백준 파이썬 블로그 정리~~ ~~스프링부트 게시물 복습~~ 이클립스 자바 텍스트 게시판 구현 - 회원가입 및 회원 로그인 완료 이클립스 자바 텍스트 게시판 구현 - 마지막까지 완료하기 [인텔리제이 run 비활성화](https://nirsa.tistory.com/364) 티스토리 블로그 생성하기 스킨 - 이쁘게 폰트 - 눈누 들어가서 이쁜거 카테고리 - 깔끔하게 ㅎㅎ 이미지 - 멋있는걸로 ! # 2022-07-12 화요일 41일차 공부시간 : 2.2 영상시간 : 2.2 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 0 ~~인텔리제이, vs code, xampp, git 세팅~~ ~~인텔리제이 게시물 코드 분석~~ jpa 명령어 블로그 정리 티스토리 블로그 생성하기 스킨 - 이쁘게 폰트 - 눈누 들어가서 이쁜거 카테고리 - 깔끔하게 ㅎㅎ 이미지 - 멋있는걸로 ! # 2022-07-06 수요일 40일차 ~ 월요일까지 총합 공부시간 : 18 영상시간 : 18 영상개수 : 7 공부 유튜브 시청 : 1 블로그 게시 : 2 백준 공부 시간 : 2.5 파이썬 공부 시간: 1.5 [게시판만들기](https://slog.gg/p/1612) 민영님 , 이령님 [게시판만들기2](https://codepen.io/denist2322/pen/wvmKrbQ) 선호님 [수정](https://kyhslam.tistory.com/entry/4-Spring-JPA-%EC%88%98%EC%A0%95?category=892835) [ㅓㅓ](htps://wonit.tistory.com/131?category=738059) 스프링부트 - jpa 명령어 findALL, findById 블로그 정리 인텔리제이 자바 텍스트 게시판 구현 - 41강까지 완료 인텔리제이 자바 텍스트 게시판 구현 - 회원가입까지 마무리 이클립스 자바 텍스트 게시판 구현 - 게시판 삭제까지 완료 파이썬 - 예외처리 try ~ except 에러이름 에러 발생시키키 - raise 오류이름 사용자 정의 예외처리 - 클래스를 따로 만들어서 처리함 finally - finally: 전체적으로 강제종료됨을 막는다 모듈 - 필요한 것들 끼리 부품처럼 잘 만들어진 파일 모듈로쓸파일과 메인파일이 같은 공간에있어야한다. import를 사용해서 쓸수있다(import 모듈명) , (from 모듈명 import 별) 모듈명이 길때는 별명을 붙여 쓸수 있다. 패키지 - 모듈들을 모아놓은 집합 하나의 디렉토리에 여러개의 모듈을 가져다 놓은것 import 폴더명.모듈명(항상 모듈이랑 패키지만 가능) from 폴더명.모듈명 import 클래스명 - 이렇게는 가능함 __all__ - 내가 원하는 것만 보여주고 안보여주고 할 수 있다 모듈직접실행 - __name__을 통해서 외부나 내부에서 실행시킬수 있다 pip_install - pypi 구글 검색 내장 함수 - 내장되어있기때문에 import할 필요없이 바로 사용 가능 ex)_ ```list = [1, 2, 3] print(dir(list))``` list of python builtins 검색 외장 함수 - 직접 import를 사용해야 하는 것들 list of python modules 검색 티스토리 블로그 생성하기 스킨 - 이쁘게 폰트 - 눈누 들어가서 이쁜거 카테고리 - 깔끔하게 ㅎㅎ 이미지 - 멋있는걸로 ! # 2022-07-05 화요일 39일차 공부시간 : 2 영상시간 : 2 영상개수 : 2 공부 유튜브 시청 : 0 블로그 게시 : 2 백준 공부 시간 : 1 파이썬 공부 시간: 0 노마드코더 부스트코스 인텔리제이 스프링부트 세팅 실행되는 포트번호 멈추기 - taskkill PID 포트번호 관리자 권한을 줄때는 root로 먼저 접속한후에 관리자권한을 설정 그리고 sbsst로 다시 로그인 진행 Unknown database 'sbb' 뜨면 데이터 베이스가 없기때문에 데이터베이스만 생성해주면된다 안에 내용이 없어도 가능 [인텔리제이를쓰는이유](https://mieumje.tistory.com/62) 백준문제풀이 공부유튜브보기(나도코딩, 쉬운코드) 파이썬 - 연산자 오버로딩 pass - 아무것도 안하고 일단 넘어간다(완성된것처럼 보여진다) super - ```super().__init__(name, hp, 0)``` self를 사용하지 않는다 사용할 클래스대신 super 사용 // 다중 상속시에는 좋지않다 앞에있는 것만 상속받는다 isinstance - 지금만들어진 객체가 어떤 클래스의 인스턴스인지 확인하는것 # 2022-07-04 월요일 38일차 공부시간 : 1.5 영상시간 : 1.5 영상개수 : 1 공부 유튜브 시청 : 1 블로그 게시 : 백준 공부 시간 : 파이썬 공부 시간: 1.5 [팀프로젝트 참고자료](https://it-tutorial.tistory.com/36) 팀프로젝트 선호도 조사 인스타그램같은것 선택 - 난이도 조사 기본적인로직 - 회원가입 -> 로그인 -> 추천목록 -> 추천등록, 건너뛰기 -> 메인화면(프로필, 게시물, 팔로워, 팔로잉, 설정 홈, 검색, 영상, 프로필(편집)) + 프로필편집 - 사진, 이름, 사용자이름, 자기소개, 개인정보수정(이메일주소, 본인번호, 성별, 생년월일) 게시글을 등록한 후 - 프로필(사용자이름) ,이미지(영상), 해시태그, 좋아요버튼or(사진터치), 댓글, 다이렉트메시지, 저장, 등록날짜 + 설정 목록 - 공유, 링크, 삭제, 수정, 댓글 막기 홈 화면가기 - 검색 - 영상 - 랜덤영상조회 본인프로필이동 - 1. 디스코드 같은종류 2. 카카오톡 같은종류 3. 쇼핑몰사이트 4. 배달앱 5. 색조합 참고 사이트 전기수 - 게시판위주 노마드코더 부스트코스 인텔리제이 스프링부트 세팅 [인텔리제이를쓰는이유](https://mieumje.tistory.com/62) 백준문제풀이 공부유튜브보기(나도코딩, 쉬운코드) 파이썬 - 연산자 오버로딩 pass - 아무것도 안하고 일단 넘어간다(완성된것처럼 보여진다) super - ```super().__init__(name, hp, 0)``` self를 사용하지 않는다 사용할 클래스대신 super 사용 // 다중 상속시에는 좋지않다 앞에있는 것만 상속받는다 isinstance - 지금만들어진 객체가 어떤 클래스의 인스턴스인지 확인하는것 # 2022-07-01 금요일 37일차 토요일, 일요일 공부시간 : 8 영상시간 : 6.5 영상개수 : 5 공부 유튜브 시청 : 3 블로그 게시 : 5 백준 공부 시간 : 2.6 파이썬 공부 시간: 3 노마드코더 부스트코스 스프링부트 진행하기 [빨간색 x표시및 느낌표 오류 해결방법](https://codingwanee.tistory.com/entry/%EB%94%94%EB%B2%84%EA%B7%B8-%EC%8A%A4%ED%94%84%EB%A7%81-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%ED%8F%B4%EB%8D%94%EC%97%90-%EB%B9%A8%EA%B0%84%EC%83%89-%EB%8A%90%EB%82%8C%ED%91%9C-%EB%9C%B0%EB%95%8C%ED%8A%B9%ED%9E%88-resources-%ED%8F%B4%EB%8D%94or-pomxml) 롬복설치 - file - spring stater project - packaging:war로변경 java 버전 18로 변경 그룹이랑 패키지랑 이름이 같아야한다 ex) com.hej.exam.demo 다음을 눌러 lom을 검색 해서 롬복 설치 ~~jsp문법 - 블로그 정리~~ 백준문제풀이 공부유튜브보기(나도코딩, 쉬운코드) 파이썬 - 함수 = 줄바꿈을 하고 싶다 한칸띄우고 역슬러시 엔터 - 키워드값 = 순서가바뀌어도 상관없다 - 가변 인자 = format(변수)), end = " ") 이렇게 엔드를 써주게되면 줄바꿈이 되지않고 한줄에 출력 = 서로 다른 값을 넣어줄때는 가변인자 별을 사용한다 ```python def profile(name, age, *language) print("이름 : {0}\t나이 : {1}\t".format(name, age), end = " ") for lang in language: print(lang, end = " ") print() profile("유재석", 20, "Python", "Java", "C", "C++", "C#", "JavaScript") profile("김태호". 25, "Kotlin", "Swift") ``` - 표준 입출력 = sep= " , " = zfill(3) 0을 채운다 3개만큼의 크기를 확보하고 값이 없는 자리에는 0을 채워준다 - 다양한 출력 포맷 = {0: >10} 빈공간을 그대로 두고 >(오른쪽정렬하는 기호)10 만큼 공간을 만든다 = {0: <10} 왼쪽 정렬, {0:,} 3자리 간격으로 콤마 1순위 빈공간, 2순위 정렬, 3순위(+-부호), 4순위 공간할당개수, 5순위 콤마 // {0:f} 소수점 출력 - 파일 입출력 = w(write)= 쓰기 a(append) = 추가 write를쓰면 줄바꿈이 없다. 출력하고싶을때 read(전체읽기) or readline(한줄읽기) / utf-8을 추가해줘야 한글파일이 안깨짐 - pickle = 데이터를 파일형태로 저장 / import pickle을 해줘야함 "wb" b는 바이너리를 무조건해줘야한다 utf를 해줄필요는 없음 pickle.dump(open변수,변수) 파일에 저장해줘야함 // load를 사용 - with = with을 쓰면 close를 해줄 필요가없다. as 파일이름: 을 해줘야함 - 클래스 __init__(파이썬 생성자), 멤버변수(self는 자기자신을 의믜 클래스 내에서 메소드 앞에는 항상 써줘야 한다) - 상속 class 클래스명(부모클래스명) = 다중상속 class 클래스명(부모클래스명, 부모클래스명) 콤마로 구분함 ex) ``` class unit: def __inint__ (self, name, hp): self.name = name self.hp = hp class attackunit(unit): def__init__(self, name, hp, damge) unit.__init__(self, name, hp) ~ ``` # 2022-06-30 목요일 36일차 공부시간 : 4 영상개수 : 3 공부 유튜브 시청 : 1 블로그 게시 : 0 백준 공부 시간 : 0 파이썬 공부 시간: 1.5 노마드코더 부스트코스 스프링부트 설치 부터 진행하기 환경설정 세팅 preference - work(utf-8로 변경),files(json - utf8변경), emmet(jsp, jspf추가), typing(java - Escape 체크해제), font, browser(external chrom), html-html files(abbr.acronym.basefont.big.cite.q.u빼고다지우기) ctrl + H coustomize -> file.serch 빼고 다 체크해제 백준문제풀이 파이썬 문자열 삭제 블로그정리 공부유튜브보기(나도코딩, 쉬운코드) 파이썬 - 튜플 (값을 추가하거나 수정할 수 없다 add 사용 X) - 세트 = 교집합(intersection, &사용) , 합집합(union, | 사용 ), 차집합(difference, - 사용) - 자료구조의 변경 = type(변수)를 쓰면 어떤 타입인지 나온다 ex) 변수 = set(변수) > 중괄호 set형으로 변경, 변수 = list(변수) > 대괄호 list형으로 변경 , 변수 = tuple(변수) > 괄호tuple형으로 변경\ - if문 for문 - 퀴즈5 # 2022-06-29 수요일 35일차 공부시간 : 2 영상개수 : 2 공부 유튜브 시청 : 1 블로그 게시 : 1 백준 공부 시간 : 1 파이썬 공부 시간: 1 노마드코더 부스트코스 스프링부트 ~~백준문제풀이~~ 파이썬 문자열 삭제 블로그정리 ~~공부유튜브보기(나도코딩, 쉬운코드)~~ 파이썬 - 사전, list, replace(문자열 변환), find = index(값이 없을경우 find = -1 출력, index = error 출력) # 2022-06-28 화요일 34일차 공부시간 : 3.5 영상개수 : 3 공부 유튜브 시청 : 1 블로그 게시 : 1 백준 공부 시간 : 1.5 파이썬 공부 시간: 1 노마드코더 부스트코스 ~~프로그래머스 파이썬 입문 문제풀이~~ ~~공부 유튜브 보기(나도코딩, 쉬운코드)~~ ~~백준문제풀이~~ # 2022-06-27 월요일 33일차 공부시간 : 3 영상개수 : 3 공부 유튜브 시청 : 1 블로그 게시 : 2 백준 공부 시간 : 1.5 파이썬 공부 시간: 1 자바 ArrayList 복습 ~~프로그래머스 파이썬 입문 문제 풀이 (나도코딩)~~ ~~해시맵의 해시충동해결방법 블로그 정리~~ ~~백준 문제 풀이 블로그정리 - 자바 다른 방법풀이 진행~~ ~~공부유튜브 보기~~ # 2022-06-24 금요일 32일차 토요일, 일요일 공부시간 : 4.5 영상개수 : 3 유튜브 시청 : 2 블로그 게시 : 5 백준 공부 시간 : 3 파이썬 공부 시간: 1 해시맵의 해시충돌해결방법 ~~sortedmap 블로그 정리~~ ~~hashmap 블로그 정리~~ ~~map 블로그 정리~~ ~~공부 유튜브 보기~~ ~~백준 문제 풀이 블로그정리 - 자바로 사용함수를 다르게해서 진행~~ ~~파이썬 공부~~ HTML/CSS 공부 # 2022-06-23 목요일 31일차 공부시간 : 2 영상개수 : 1 유튜브 시청 : 2 블로그 게시 : 3 백준 공부 시간 : 1.5 sortedmap 블로그 정리 hashmap 블로그 정리 map 블로그 정리 ~~공부 유튜브 보기~~ ~~생성자 블로그 정리~~ ~~백준 문제 풀이 블로그정리 - 자바로 사용함수를 다르게해서 진행~~ 스터디 그룹 17:00 진행예정이었지만 점심회식으로 인해 취소 # 2022-06-22 수요일 30일차 공부시간 : 3 영상개수 : 3 유튜브 시청 : 0 블로그 게시 : 3 백준 공부 시간 : 3 ~~백준 문제 풀이 블로그정리 - 자바로 사용함수를 다르게해서 진행~~ ~~백준 문자열 문제 풀기~~ 공부 유튜브 보기 # 2022-06-21 화요일 29일차 공부시간 : 3 영상개수 : 2 유튜브 시청 : 3 블로그 게시: 2 백준 공부시간 : 1 ~~백준 문제 풀이 블로그 정리 (다른 방법으로 풀이 과정 포함)~~ ~~자바로 처음부터 블로그 정리~~ ~~join 함수 블로그~~ ~~공부 유튜브 보기~~ ~~스터디 그룹 17:00 시작~~ # 2022-06-20 월요일 28일차 this 개념 정리 ~~백준 풀이 6단계 하기~~ 공부 유튜브 보기 -[자바 예제](slog.gg/p/7303) # 2022-06-18~19 토요일,일요일 공부시간 : 5시간 / 영상개수 2개 / 유튜브 개수 4개 / 블로그 개수 3개 / 백준 0 ~~HTML/CSS 71~95강 공부~~ 백준 복습 ~~공부 유튜브 보기~~ ~~오버로딩 - 블로그 정리~~ ~~오버라이딩 - 블로그 정리~~ ~~List/ set 블로그 정리~~ none : 없어진다 inline : 글자화, 너비최소축소, 가로 inline: a , 글자 inline-block block : 블록화, 너비최대확대, 세로 flex, table: block이랑 똑같다. a .span // inline img //inline-block # 2022-06-17 금요일 27일차 그냥 휴식 날 공부 유튜브 보기 오버로딩 - 블로그 정리 오버라이딩 - 블로그 정리 피클플러스 디즈니플러스 propus9103@gmail.com disney9103!@* # 2022-06-16 목요일 26일차 백준 복습 하기 ~~String format - 블로그 정리~~ ~~레퍼런스변수 - 블로그 정리~~ ~~static - 블로그 정리~~ ~~공부 유튜브 보기~~ # 2022-06-15 수요일 25일차 중복배열 - 블로그 정리 ~~공부 유튜브 보기 3개~~ ~~백문 문제풀이 1차원배열~~ ~~stirngbuilder - 블로그 정리~~ # 2022-06-14 화요일 24일차 ~~TDD 최종본 다시 복습~~ ~~스터디 그룹 17:00 시작~~ ~~intellij - git ignore 설정법 - 블로그정리~~ ~~intellij - 디버그 정리~~ ~~hashmap - 블로그정리~~ ~~ArrayList - 블로그정리~~ ~~백준 문제 풀이 1차원배열 2문제~~ # 2022-06-13 월요일 23일차 TDD 시험 다시 풀어보기 점프투자바 책보기 공부 유튜브 보기 백준할까? 점프투스프링부트 # 2022-06-11 토요일, 일요일 ~~점프투 자바 -책보기(2장)~~ 공부 유튜브 보기 ~~TDD 복습 (복합연산)~~ 백준 반복문 문제풀이 끝까지 - 후에 블로그 정리 ~~hasNextInt - 블로그 정리~~ # 2022-06-10 금요일 22일차 점프투 자바 - 책보기 백준 반복문 문제풀이 - 블로그 정리 TDD 복습 (연산) ~~indexof - 블로그 정리~~ ~~substring - 블로그 정리~~ 중위연산 후위연산- 블로그 정리(내가 보기에는 어렵다 나중에 하자) ~~java replaceall 특수문자 [ㄴㅇ](https://denodo1.tistory.com/216)~~ # 2022-06-09 목요일 21일차 자바 프로그래머스 입문 - 개념이해 복습 점프투자바 - 책 보기 ~~tdd 복습~~ ~~백준 단계별 풀이 진행~~ ~~BufferedReader, BufferedWriter - 개념 이해 블로그 정리 [BufferedReader/BufferedWriter](https://jhnyang.tistory.com/92) [flush와 close의 차이점](https://codefarming.tistory.com/6)~~ Integer 개념이해 정리[integer와 int의 차이](https://what-you-really-want-89.tistory.com/17) ~~StringTokenizer 개념이해 정리~~ readLine() 개념 이해 정리 - 입력을 모두 optional String형으로 처리 (String형 입력받이) ~~제네릭의 개념 - 소망님 블로그 확인~~ 어렵다 어려워!! 목요일 스터디 : 17:00 ~ 18:00 진행 완료 - 은재 : BufferedReader / BufferedWriter (개념및 사용법) - 소망 : set (개념 및 사용법) ex 파이썬 , 자바 - 혜성 : 한수 (등차수열) - 질문 # 2022-06-08 수요일 20일차 백준 - 자바 풀기 ~~자바프로그래머스 입문~~ 자바 개발 툴 [intelli community edition](https://www.jetbrains.com/ko-kr/idea/download/#section=windows) maven repositiory 검색 - junit - 5.8.2 - maven dispecsive 생성후 복붙 tdd방법 - 실패하는 테스트를 만든다 - 꼼수를 써서 테스트를 통과하게 만든다 - 정리 super(); - 부모 클래스의 생성자를 호출할수 있다. - 정리 # 2022-06-07 화요일 19일차 - 문제 : 현재와 목표간의 갭 - [자바연습장](https://code.oa.gg/java8#) - 입출력은 안됨 - Ctrl + 1 : 소스코드 탭 활성 - Ctlr + 2 : 실행결과 탭 활성 - Ctrl + Enter : 실행 - Ctrl + Alt + B : 소스코드 정리 ~~프로그래머스 - 자바 입문~~ ~~forEach 함수 - 블로그 정리[11](https://ponyozzang.tistory.com/406)~~ ~~map 함수 - 블로그정리[22](https://withthisclue.tistory.com/entry/Java-Map-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0)~~ HTML/CSS등 코딩배우기 [w3school](https://www.w3schools.com/default.asp) inherit - 개념 정리 # 2022-06-04 토요일(개인공부) HTML/CSS 17강 - 테이블 HTML/CSS 18강 - 테이블 보강/꾸미기 ~~HTML th 태그 [블로그정리자료](http://www.tcpschool.com/html-tags/th)~~ ~~HTML 테이블[블로그정리자료](https://www.codingfactory.net/10616)~~ ~~HTML object-fit 관련 정리~~ ~~HTML id와 class 정리~~ # 2022-06-03 금요일 15일차 ~~정식으로 자기소개함~~ gatsby 태그 노출 진행 # 2022-06-02 목요일 14일차 오늘 할일 ~~html/css 41~50강 복습~~ ~~갯츠비 복습 - 튜토리얼 7단계 / 폰트 변경 / 이미지 예외처리 / 코드 하이라이팅~~ ~~갯츠비 저장소에 있는거 불러오는 방법 블로그 정리~~ ~~반응형 웹 - 블로그 정리 반응형 웹 검색~~ ~~staticimage 블로그 정리~~ ~~GNB 블로그 정리~~ git checkout -f . 쓸대없는거 체크해줌 커밋되지않은 수정들 제거 start . 폴더열기 mdx code syntax hilighting 새로고침 ctrl + shift + R git config core.ignorecase false // false 대소문자 구분함 true; 대소문자 구분안함 [눈누 - 상업적 폰트 마켓](https://noonnu.cc/) # 2022-06-01 수요일 13일차 오늘 할일 ~~어제못한 블로그 정리~~ [max-w-sm](https://tailwindcss.com/docs/max-width) 글씨 크기 조절 블로그 정리 ~~gatsby 튜토리얼 끝까지 진행하기(1~6)~~ ~~마크다운 문법 간단 정리~~ ~~display효과 정리~~ ~~html/css 31~40강 복습~~ 갯츠비 npm run start 오류 시 서버를 재시작 ctrl + c, npm run start ctrl + c, npm runf clean, npm run start vs code를 재시작 pc 재시작 프로젝트 폴더 삭제 갯츠비 저장소에 있는것 이어서 하기 git pull origin master or git clone 주소 폴더명 node modules 복구 npm install 상단메뉴, GNB (global navigation bar) - 정리 html과 vs code의 차이점 ex) ~ / ~ 코드펜 target="_blank" 하이퍼링크 새창띄우기 /* ` ` : 후손선택자 */ 빈공간 /* ` > ` : 자식선택자 */ vs code ./ 나랑 같은 폴더 ctrl + 좌클릭 layout 레이아웃페이지로감 이전으로 돌아가고 싶을댄 alt + 방향키 좌 반응형- 중요 예를들면 네이버 max-width:500px margin-left:auto; margin-right:auto; staticimage가 좋은점 리랜더링이 없다. 알아서 적절한 크기로 설정 됨 다운로드 해서 내부적으로 저장해놨다가 보여줌 vs code에서 확장자명은 서로 같아야 한다 npm i(install) ~~~ --force (강제 설치) mdx 마크다운 + jsx slug 제목의 공백을 제거한것 # 2022-05-31 화요일 12일차 ~~레이아웃배우기 테스트~~ 명언 최종 강의 [max-w-sm](https://tailwindcss.com/docs/max-width) 글씨 크기 조절 블로그 정리 개츠비 리액트+그래프ql: 정적사이트생성기 //을 통한 정적사이트생성기 SGG 지킬, ~, 휴고, 개츠비(제일어렵고 좋다 공부에도움이된다) cmd 개츠비설치 cd c:\work mkdir gatsby_projects cd gatsby_projects gatsby new 집가서 할일 ~~국비지원신청(중요)~~ ~~개츠비 설치법(블로그 정리) 설치~~ ~~깃허브 리포지터리~~ ~~개츠비 클라우드랑 깃허브 연동하기~~ ~~vscode로 테스트 홈페이지 구동(https://www.gatsbyjs.com/docs/tutorial)~~ gatsby 블로그 정리 ~~레이아웃방식~~ http://localhost:8000/ src/pages/index.js http://localhost:8000/about src/pages/about.js 서버를 재시작 ctrl + c, npm run start ctrl + c, npm runf clean, npm run start vs code를 재시작 pc 재시작 프로젝트 폴더 삭제 git pull origin master git clone 주소 폴더명 node modules 복구 npm install Link 엔터하면 자동으로 임포트 org로 시작하는것 임포트 정렬 restart TS서버 다시 시작 href가 아닌 to로 변경 상단메뉴, GNB (global navigation bar) html과 vs code의 차이점 ex) ~ / ~ target="_blank" 새창띄우기 /* ` ` : 후손선택자 */ /* ` > ` : 자식선택자 */ # 2022-05-30 월요일 11일차 ~~개구리 복습 9분 걸림~~ ~~디펜스 18분 걸림~~ ~~레이아웃배우기 복습~~ ~~css diner 복습~~ ~~블로그 정리~~ ~~하루에 개발 유튭 2개 보기~~ 깃 22~31강 얄팍한코딩사전 우아한테크코스 li 리스트 아이템 div. nav, section, article a : 링크 < a href= br = 줄바꿈 css diner - 유튜브 odd = 홀수 even = 짝수 [nht-child = 블로그 정리](https://velog.io/@seob/CSS-%EC%95%8C%EC%95%84%EB%91%90%EB%A9%B4-%EC%9C%A0%EC%9A%A9%ED%95%9C-nth-child-%EC%A0%95%EB%B3%B5%ED%95%98%EA%B8%B0-feat.-nth-of-type) 본인이 아주 사소한 서비스 프로그램을 해야함 피드백 받고 수정 ~, ~, ~ 직접구현 - 개츠비 스타터 - 블로그를 꾸미기 - 테일 윈드 - 입사지원 - 어필가능 css 노말라이즈 -검색 ( 테두리 튀는거 제거?) lorem - 테스트글자 min- 최소를 지정해줌 flex-basis - 넓이 or 높이 # 2022-05-27 금요일 10일차 ~~명언이 랜덤으로 보인다.~~ ~~다른 명언 보기~~ https://jhs512,github.io/wise_saying_server/data.json 무료의 단점 - 데이터 수정, 삭제, 추가가 안됨 무료서버 - 깃허브 리포지터리, 페이지설정 최소값 : ```Math.min.apply``` 최대값 : ```Math.max.apply``` css - 앱. 웹 꾸밈 - block, inline-block - flex - flex. griid

- container 부모 items; - 자식

# 2022-05-26 목요일 9일차 - 1 : 랜덤단건조회 API - 2 : 수정 API - 3 : 랜덤단건조회 리액트 - 4 : 다른 명언 보기 버튼 - 5 ; 좋아요, 싫어요 버튼 - 6 : 좋아요, 싫어요 버튼 API 연동 기본적인 BD 연동관련해서 순서 단계별로 진행 - DB 생성 -> VSCODE 제작 -> 웹페이지에서 구현 확인 -> POSTMAN 구현 및 확인 -> CODEPEN 구현 - ```
``` 줄바꿈 - ```

``` 줄긋기 ~~명언 복습~~ ~~백준 단계별 문제 풀이~~ # 2022-05-25 수요일 8일차 할일 리스트 앱 만들기 [fetch](https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch) ~~async await 함수 간단 정리~~ ~~repeat 사용법 정리~~ form 입력상자들의 묶음 - 원격 저장소 생성 (리포지터리) ```git clone``` 저장소 주소 - 편하게 불러오기 - DB 생성 datestrings - 날짜 깔끔하게나옴 # 2022-05-24 화요일 7일차 vs code + codepen 명언 랜덤 조회 만들기 조회수 올리기 좋아요 만들기 싫어요 만들기 # 2022-05-23 월요일 6일차 오늘 할일 - 백준 3단계 끝내기(영상촬영 및 문제풀이과정) - ~~git 명령어 정리 - 블로그~~ - ~~git 생성, 삭제 및 원격 저장소 연결 복습~~ - ~~fetch란? -블로그~~ - ~~sql 문 id생성관련 유튜브 정보글 수정~~ git - 원격 저장소 학원 - 원격 저장소(웹하드) - 집 https://github.com/settings/repositories Repository default branch master - update 윈도우 + 자격증명관리자 -> window 자격 증명 (깃허브 자동로그인 해제) 워킹 디렉토리 /-> 인덱스 /-> 로컬 저장소 --- 기본적인 흐름 커밋 - 인덱스에 있는 것을 로컬저장소에 넣는것 ```git - init``` -- 저장소를 생성한다 ```ls``` - 목록 확인 ```ls - alh``` 커밋목록 확인 ```touch a.txt``` - 텍스트를 만든다 (파일 생성) ```git status``` - 빨간색 장바구니 담기기전 인덱스에 담기기전 (장바구니현황, 적색 아직 안담긴) ```git add a.txt``` - 장바구니에 담기 인덱스에 담기(장바구니에 담김, 녹색) ```git rm -- cached a.txt```장바구니에서 제거 ```git add .``` - 싹 다 담기 ```rm a.txt``` : 파일 삭제(일반) ```git rm -rf .git``` : .git 폴더 제거(일반) - 저장소 생성시 마다 1번 ```git init``` ```git config user.name``` : 현재 작업자명 확인 ```git config user.name``` : "깃허브아이디": 현재 작업자명 설정 ```git config user.email``` : 현재 작업자 이메일 확인 ```git config user.email``` : "깃허브이메일" : 현재 작업자이메일 설정 - 커밋 ```git commit -m "작업내용"``` : 커밋 (작업내용 ex: a.txt (내가 이름을 뭘로할건가) ```git log```: 커밋기록 보기, 빠져나가는 키 q ```git status``` - 워킹디렉토리와 로컬저장소의 차이점을 보여준다., https://github.com/new 원격저장소 생성, 삭제, 연결 exam_22_05_23 생성 저장소 주소 https://github.com/아이디/exam_22_05_23 https://github.com/HeoEunJae/exam_22_05_23.git 삭제 하기 https://github.com/HeoEunJae/exam_22_05_23.git/settings -최하단, Delete this repostitory 후 /HeoEunJae/exam_22_05_23.git 입력 연결 하기 ```git init``` (삭제를 안했을경우 생략) 작업장 정보, 이름, 이메일 세팅 ```git remote -v``` : 현재 연결되어 있는 원격저장소 리스트 ```git remot add origin``` 저장소 주소 : origin 이라는 별칭으로 원격저장소 등록 ```git remote remove origin``` : 삭제 rm -rf .git rm * touch a.txt touch b.txt 원격저장소 생성 로컬저장소 생성 작업자 세팅 원격 저장소 연결 장바구니 담기 커밋 ```git push origin master``` 저장소를 크롬으로 접속해서 확인 vscode ```.gitignore``` fetch = 통신할때 씀 npm i cors Cors = 도메인 뚫기 익명함수 실행하는 방법 await 오래걸리는 함수앞에 붙여준다 # 2022-05-20 금요일 5일차 일요일 - 전체적인 복습 - ~~HTML 사칙연산 React로 바꾸기~~ - ~~상황의 맞는 SQL문~~ - ~~POST MAN 새로운 프로젝트 만들어서 복습~~ - ~~React 숫자리스트(저장,취소) 복습~~ - 백준 3단계 완료하기(영상촬영, 문제 풀이) 토요일 - 복습 - ~~HTML 사칙연산 React로 바꾸기~~ - ~~상황의 맞는 SQL문 복습~~ - ~~POST MAN 복습~~ 금요일 - 영상촬영 및 블로그 정리 - ~~http 상태 응답 코드~~ - ~~프론트엔드, 벡앤드의 개념 정리~~ - ~~post man이 뭔지 개념정리~~ - ~~post man&vs code 할일(조회,단건조회,수정,삭제,생성)영상촬영~~ 조별 과제 - 간단 회의 자기소개 - 오늘이나 월요일 할일 불러오기 - 조회 : GET http://localhost:3000/todos - 단건조회 : GET http://localhost:3000/todos/1 - 생성 : POST http://localhost:3000/todos - body { "perform_date": "2022-12-12 11:11:11", content "기상" } - 수정 : http://localhost:3000/todos/1 - body { "perform_date": "2022-12-12 11:11:11", content "기상" } - 삭제 : http://localhost:3000/todos/1 - DELETE http://localhost:3000/todos/1 GET은 브라우저로 가능 POST, PATCH, DELETE => POST MAN 설치 http 프로토콜 표준이 있다 메서드(GET, POST, PUT OR PATCH, DELETE) post = 생성 put = 교체 patch = 부분교체 응답코드 404 200 계열 : 성공 300 계열 : 다른곳으로 가시오. 400 계열 : 니가 잘못(브라우저, 데이터) 500 계열 : 내가 잘못 http 상태 응답 코드 postman 개발자용 브루아저 크롬 개발자, 일반사용자 브라우저 => 서버 => 주소 + GET 요청 회원가입 + POST 포스트맨 사용법 - 워크스페이스 - 프로젝트 폴더 - 콜렉션 ( 프로젝트명) - 리퀘스트 (GET: 조회, POST:생성 ) ctrl + E = 이름 변경 ```

항목``` # 2022-05-19 목요일 4일차 오늘할일 - ~~상황의 맞는 sql문 10강 영상 1번~~ - ~~백준 반복문(3단계) 1 ~ 7번 풀이~~ - ~~백준 반복문(3단계) 풀이과정 - 블로그 3번~~ - ~~리액트 개요정리 - 블로그(인터넷검색) 4번~~ - ~~리액트 실습 - 영상 5번~~ - 리액트 풀이과정 정리 - 블로그 6번 [codpen 자동완성기능 단축키 TAB](https://velog.io/@nudge411/Code-Pen-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1-%EA%B8%B0%EB%8A%A5-3lk2r76z1z) 예시 - #root + tab키 --
와 같다 - div + tab키 `
` - option*3 + tab키 `` ` ` ` ` 상황의 맞는 SQL문 복습 백준 3단계 진행 리액트 개요 정리 - 블로그 글 작성 리액트 실습 조별 간단한앱 프론트 백엔드 인프라 리액트 가장 인기 있는 프론트엔드 프레임워크 페이스북 - 뉴스피드, 복잡한 UI를 쉽게 만들 수 있는 방법을 보완하면서 나옴 리액트 난이도 어렵고 번거로웠다 여러가지 기술이 발전으로 난이도가 낮아졌다 백엔드 개발자가 리액트를 배우기 쉬운점 -리액트도와 비슷하게 된다 페이스북(php) php 개발자 복잡한 자바스크립트를 잘 못했음 - 언어가 다르기 때문 php 방식으로 프론트를 개발하자 (백엔드 방식으로 프론트를 개발하자) to2.kr/dun - 리액트 연습장 리액트의 방향성 - 리액트에서 수정이라는 개념이 없다. - 무언가를 만들기는 쉽다. - 하지만 고치는 것은 어렵다. 리액트로 해도 눈에 띄는 변화는 초반에는 없다. 리액트 없이는 말도 안되게 어렵다. 여는 tag 닫는 tag = 엘리먼트 명언 --- 누구나 명언 등록 누구나 명언 수정(만든지 5분 이내) 누구나 명언 삭제(만든지 5분 이내) 명언 필터링 좋아요, 싫어요 # 2022-05-18 수요일 3일차 백준 조건문 ~ 반복문 진행 아두이노 실습 DB 연동 - 새로운 라이브러리 설치 명령어 - npm i mysql2 - import my sql from "mysql2/promis"; 추가 - pool 이란 것을 만들어준다 -- DB연결 정보 입력 - async - await를 사용하기 위한것 일단 외우자 - json 출력 - json viewer 크롬 익스텐션을 사용하면 깔끔하게 나온다. 일반적인 실행 app.js 수정 node app.js -- nodemon을 써주면 ctrl + c, node app.js를 직접 해줄 필요가 없다.(자동수정) ctrl + c node app.js http://localhost:3000/hi => hello http://localhost:3000/bye => bye bye 일반적인 실행이 아닌 nodemon으로 app.js를 실행하는 방법 - nodemon 설치 명령어 - npm install -g nodemon - nodemon app.js - Ctrl + C - nodemon을 종료 vs code 사용법과 활용 - 휴지통 버튼 누르면 서버 꺼짐 - ctrl + c -- console창 재시작 ctrl + 백핑 1옆에 표시 누르면 재시작 X - 항상 프로그램을 수정했으면 재시작(nodemon으로 항상 재시작 가능) - const app = express(); -- 앱을 실행하겠다. - "/" 웹브라우저의 주소 ```js (req, res) => { res.send ("내용"); } // function(함수)와 같다. 줄인 표현 (req, res) function(req, res){ res.send("내용");} (req, res) => res.send("내용"); // 한줄일경우 중괄호 생략 가능 ``` - req = 주소 (받은편지) - res = 응답 (보낼편지) ```js const express = require("express"); // import 사용가능 import express from "express"; // 다만 package.json에서 "type":"module" 추가 삽입 ``` cmd에서 설치가 안될경우 - nvm install 16.15.0(현재 최신버전) - vs code, git, nvm, node.js 전부 삭제 후 순서대로 설치 git -> nvm -> vs code -> node.js - 본인의 경우 c드라이브 사용자 이름이 한글이기 때문에 설치가 불가능 했음 - (vs code,git,node.js)를 C드라이브 설치 nvm만 D드라이브에 설치 후 관리자권한으로 cmd실행후 nvm 설치와 nvm use까지 성공 - 어쩌구 저쩌구 MINGW64 /c/work/node_projects/exam1 - $ node app.js - 어쩌구 저쩌구 MINGW64 /c/work/node_projects/exam1 - 이렇게 나오면 npm install로 진행하거나 nvm에서 설치하지말고 node.js를 따로 다운받아서 설치를 해주자 그렇게 해서 성공함 # 2022-05-17 화요일 2일차 백준 조건문 진행 [readline] fs모듈이 사용하기 힘들때 사용하는 모듈( 풀스택을 하기위한 3가지 - 프론트 - 백(서버사이드언어/DBMS(-전세계에서 가장 많이쓰이고 우리나라에서도 많이 쓰인다) - 인프라 - MaridDB(MySQL) / MySQL은 오라클이 소유하고있지만 사장되는 분위기 - xampp(번들) 설치시 MariaDB 자동설치 - 웹서버 구현 - 자바스크립트, node.js와 DB를 연동 회원가입 글쓰기 글수정을 처리하는 백엔드 서버 구현 - my.ini에서 설정파일 변경 - lower_case_table_names = 2 (테이블명에 소문자를 허용) - MySQL 서버 실행 - MySQL 클라이언트로 서버에 접속 - MySQL -u root (MySQL 접속) MySQL - root / [] 모든 권한을 가지고 있음 - / sbs123414 권한주기(계정 설정)(정해진 계정 없으니 생성함) ```sql GRANT ALL PRIVILEGES ON *.* TO sbsst@`%` IDENTIFIED BY 'sbs123414'; // ALL PRIVILEGES(모든 권한부여) mysql -u sbsst -p //권한 설정후 접속시 명령어 password 설정했기 때문에 -p가 붙음 ``` 종료 - exit - ctrl + c 개념정리 - 웹서버 / 웹클라이언트 - 웹페이지를 제공 - 웹서버 - 웹페이를 이용하는 것 - 웹클라이언트(대표적인것 웹브라우저) MySQL 설치시 - MySQL 서버 (mysqld(리눅스에서 많이사용 mysql서버), mysql(접속기) - 별로 좋진 않다) - ySQL 클라이언트보다 좋은 SQLyog 설치 D2코딩 - 코딩용 폰트 설치 - 좀 더 확실하게 구별해 주기 위함, 가독성 좋게 해주기 위함 vs code 설정 - 파일 > 기본설정 > 설정 - 글꼴 패밀리 -> D2coding - tap 사이즈 -> 2 - save 검색후 format on save 체크박스 체크 - 터미널 검색후 -> 터미널 글꼴 크기 25로 수정 - zoom 검색 -> mouse wheel zoom 체크박스 체크 - 확장 프로그램 설치 - 한국어 버전 설치 - material icon theme 및 material theme 설치 git 란? - 버전관리(협업) - IT업계 업체의 90%가 사용, 취업하기 위해선 무조건 알아야 한다. git bash - 윈도우에서 리눅스 명령어를 쓸수 있게 해줌 git 설정 - git update-git-for-windows - 기존에 설치되어 잇는 GIT을 업데이트하는 명령어 express 란? - 웹 프레임워크 - 웹 사이트를 만들기 위해 필요한 기능 - 그 기능의 90%까지 구현 - 단점은 웹 프레임워크의 사용법을 알아야 함 자바스크립트 -> 백엔드, node.js node.js에서 가장 유명한 것 - express nvm - nvm-setup.exe 설치 - cmd 접속 방법 - 윈도우키 누른 후, cmd 입력 후 엔터 - nvm의 설치확인 명령어 - nvm - nvm을 이용해서 최신 node.js 설치 후 사용 명령어 - nvm install 16.15.0 - nvm use 16.15.0 - nvm list(ls) - node.js 버전이 많지만 동시에 여러개의 node.js를 사용하게 해준다 express hello world 까지 따라하기 - 프로젝트 폴더 위치 : c:\work\node_projects\exam1 - VS CODE에서 터미널 여는 방법 : ctrl + ` - VS CODE에서 터미널 숨기는 방법 : ctrl + ` - VS CODE에서 터미널 종료하는 방법 : exit - npm i express (xpress를 설치하는 명령어) - 이 명령어가 안된다면, VS CODE 혹은 OS를 재시작 후 다시 시도 ```js // app.js const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Example app listening on port ${port}`) }) ``` - node app.js - app.js를 실행하는 명령어 - 크롬에서 http://localhost:3000 으로 접속하여 확인 # 2022-05-16 월요일 1일차 백준 입출력과 사칙연산 --- 소수점 올림, 반올림, 버림 학습 ```js Math.ceil() : 소수점 올림, 정수형 반환 Math.floor() : 소수점 버림, 정수형 반환 Math,round() : 소수점 반올림, 정수형 반환 ``` --- 외부 모듈을 통한 문자열 가져오기 ```js var fs = require('fs'); // 외부모듈 가져오기 var input = fs.readFileSync('/dev/stdin').toString // 문자열 가져오기 ``` --- 과제 --- - ~~프로그래머스 자바스크립트 입문 30분안에 다시풀기~~ - ~~백준 입출력과 사칙연산 13단계 완료~~