[WIL] 항해99 7주차 회고 이번 주차를 진행하며 내가 가장 신경 쓴 부분/기술에 대한 정리 1. 이메일 인증 2022.11.06 - [Spring] - [Spring] 회원가입 시 이메일 인증 (feat.네이버메일) [Spring] 회원가입 시 이메일 인증 (feat.네이버메일) naver smtp용 계정 설정 네이버 로그인 -> 메일 -> 좌측 최하단 (용량/환경설정/스킨설정/pop3로그인 기록보기/모바일 메일) 중 환경설정 클릭 -> POP3/IMAP 설정 클릭 -> POP3/SMTP 설정에서 POP3/SMTP: 사용 사 dev-daybyday.tistory.com 2. Github actions로 CI/CD 구현 2022.11.02 - [Git, GitHub] - Github Actions로 AWS EC2에 자동 배포하기 G..
[WIL] 항해99 5주차 회고- CORS 5주차 키워드 - CORS 2022.10.26 - [CS] - [Network] CORS란? [Network] CORS란? 웹 생태계에는 다른 출처로의 리소스 요청을 제한하는 것과 관련된 두 가지 정책이 존재한다. 한 가지는 CORS(Cross Origin Resource Sharing), 그리고 또 한 가지는 SOP(Same-Origin Policy)이다. SOP는 다른 출.. dev-daybyday.tistory.com Spring 주특기 숙련주차 팀과제 https://github.com/PostMan-and-Women/PostManAndWomen GitHub - PostMan-and-Women/PostManAndWomen: Post Man & Women Post Man & Women. Contrib..
[WIL] 항해99 4주차 회고- ORM, SQL, MVC Spring 주특기 심화주차 개인과제 ver.1 https://github.com/Suyoung225/hanghae_hw/tree/main/springhw2/src/main ver.2 https://github.com/Suyoung225/hanghae_hw/tree/main/demo/src/main Spring 주특기 심화주차 팀과제 https://dev-daybyday.tistory.com/m/29 ORM (Object-Relational Mapping) - 객체와 DB의 데이터를 자동으로 매핑해주는 기술 - 서버의 프로그래밍 언어와 DB 언어 중간에서 통역사 역할을 한다 Object: "객체지향 언어 (자바, 파이썬) Relational: "관계형" 데이터베이스 (H2, MySQL) - SQL 쿼리가..
[WIL] 항해99 3주차 회고 - DI, IoC, Bean 지난주(스프링 입문주차) 개인 과제 https://github.com/Suyoung225/hanghae_hw/tree/main/springhw/src/main GitHub - Suyoung225/hanghae_hw: 항해99 과제, 학습자료 모음 항해99 과제, 학습자료 모음. Contribute to Suyoung225/hanghae_hw development by creating an account on GitHub. github.com 지난주(스프링 입문주차) 시험 https://github.com/Suyoung225/hanghae_hw/tree/main/test1/src/main/java/com/sparta/test1 GitHub - Suyoung225/hanghae_hw: 항해99 과제, 학습자..
[WIL] 항해99 2주차 회고 - JVM, 객체지향 프로그래밍 알고리즘 문제와 관련된 자바 문법 2022.09.29 - [JAVA] - [JAVA] 날짜와 시간 ( java.time패키지) [JAVA] 날짜와 시간 ( java.time패키지) 패키지 java.time - 날짜와 시간 저장 LocalDate.now() LocalTime.now() LocalDateTime.now() LocalDate.of() LocalTime.of() import java.time.*; LocalDate date = LocalDate.now(); // 2022-09-29 LocalTime ti.. dev-daybyday.tistory.com 2022.09.28 - [JAVA] - [JAVA] Collection - Stack, Queue, ArrayDeque [JAVA] Collect..
[WIL] 항해99 1주차 회고 - API, JWT 9/19일 월요일 항해99 9기가 정식 시작되었다. 목요일까지 4일간 미니 프로젝트를 마무리하고 금요일부터는 자바로 알고리즘 문제를 푸며 자바 공부를 하고 있다. 미니 프로젝트는 주특기 언어 공부에 앞서 백/프론트 구분 없이 조원 3-4명이서 API 작성으로 클라이언트-서버 통신에 대해 이해하고, JWT로 로그인 기능 구현을 하며 JWT를 이해하는 것을 목표로 하는 세션인 것 같다. API(Application Programming Interface) 는 표준화된 문법 및 의사소통 방법을 만들어 애플리케이션과 데이터베이스의 상호작용이 가능하게 한다. 쉽게 말해 어떤 응용프로그램이 자신이 가지고 있는 정보를 제공하기 위해 어떤 방식으로 통신할 것인지에 대해 정리한 규격을 API라고 한다. 미니프로젝트에서 ..
썸네일 1주차 - HTML 태그 구역 나누기 문단 나누기 위 태그를 쓰면 줄 바꿈 효과가 있다 , , 은 목록을 만드는 태그다 ul 태그는 unordered list로 순서 없는 목록을 만들고 bullet point를 생성한다 ol 태그는 ordered list로 순서 있는 목록을 만든다. li 태그는 ul 혹은 ol 안에서 목록을 만든다. ol태그의 type으로는 1, A, a,I,i 가 있고, 1은 숫자, A, a는 각각 알파벳 대문자와 소문자, I, i는 각각 대문자와 소문자 로마 숫자로 넘버링한다. start로 넘버링을 시작할 숫자를 넣어줄 수도 있다. dl 태그는 definition list로 용어를 설명하는 목록을 만든다 dl 태그 안에 와 가 들어가는데 dt에는 용어의 제목이 들어가고 dd에는 용어 설명이 들어간다. 은 가..
썸네일 4주차 - FLASK 시작하기 - 서버, 클라이언트 파일 만들기 FLASK 시작 코드 app.py 파일을 만들고 아래 코드를 넣는다 (통상적으로 flask 서버를 돌리는 파일은 app.py라고 이름 짓는다). 아래 코드에서 'app'은 이 파일명을 지칭한다. from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' @app.route('/mypage') def mypage(): return 'This is My Page!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) 주의할 점은 URL 별로 함수명이 같거나, route('/') 등의 주소가 같으면 안된다. Flask 시작하기 -..
썸네일 3주차 - 파이썬 패키지 사용 & 크롤링 가상환경(virtual environment)은 같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을 설치하거나 업그레이드하는 것을 가능하게 하는 격리된 실행 환경 입니다. 앱을 설치할 때 앱스토어/플레이스토어를 가듯이, 새로운 프로젝트의 라이브러리를 가상환경(공구함)에 설치하려면 pip(python install package) 를 이용하게 된다. 파이썬 패키지 설치 방법 1. 파일 - 설정에서 해당 프로젝트의 Python Interpreter 클릭 -> +클릭 -> ok 클릭 2. 패키지명 입력 후 Install Package 클릭, 패키지 성공 메세지가 뜬다 3. 설치 완료 후 설치된 패키지와 설치된 버전, 해당 패키지의 최근 버전을 볼 수 ..
썸네일 2주차 - JQuery, Ajax jQuery란 편리한 Javascript를 미리 작성해둔 라이브러리다. 따라서 쓰기 전에 import 가 필요하다. import code: CSS에서는 선택자로 class를 썼듯 jQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리킨다. 보이기 / 숨기기 기능 // id 값이 post-box인 곳을 가리키고, hide()로 안보이게 한다. $('#post-box').hide(); // id 값이 post-box인 곳을 가리키고, show()로 보이게 한다. $('#post-box').show(); 이미지/텍스트 바꾸기 기능 - 이미지 바꾸기 : `$("#아이디값").attr("src", 이미지URL);` - 텍스트 바꾸기 : `$("#아이디값").text("바꾸고 싶은 텍스트");..
썸네일 1주차 - HTML, CSS 폰트 1. 구글 폰트 검색 2. language korean 선택, 원하는 폰트 클릭 3. 우측상단 Selected Family 클릭 4.
썸네일 웹개발 종합반 1주차 숙제: 팬명록 메인 페이지 만들기 빈첸(Vinxen) 팬명록 닉네임 응원댓글 응원 남기기 앨범 너무 멋져요! id1 빈첸 너무 멋져요! id2 GOOOOD!!! id3 CSS에서 이미지 자르기 강의에서는 자세히 다루지 않아 이 사이트를 참고해서 원하는 사진의 원하는 부분을 사용하는 방법을 배워야겠다 https://uploadcare.com/blog/how-to-crop-an-image-in-css/ How to crop an image in CSS | Uploadcare Blog The article describes all the possibilities to crop images that CSS provides in 2021. You no longer need hacks! uploadcare.com