rainyCode rainyCode

# 부스트캠프 멤버십 8기 📌Facts OAuth 2.0 OAuth의 배경 용어 정리 등록 방법 인증 Access Token 발급 📚 Findings 생활코딩 WEB2 - OAuth 2.0 https://www.youtube.com/watch?v=hm2r6LtUbk8&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q- OAuth의 배경 안전하게 우리가 만든 서비스를 외부(Google, Facebook, Twitter) 서비스와 상호작용 할 수 있다. 외부 서비스들의 계정들의 대한 정보(id, pw)를 받아오는 방법은 서로 아주 찜찜하다... user가 id, pw 대신에 accessToken을 가지게 된다. 그리고 우리 서비스는 accessToken을 활용해 외부 서비스와 상호작용할 ..

# 부스트캠프 멤버십 8기 📌Facts Http 프로토콜 요청 응답 페어프로그래밍 navigator과 driver 장점 단점 📚 Findings HTTP Request 첫 줄은 Request Line에 해당한다. 그리고 그 아래 줄은 Request Headers에 해당하고 이 두 부분을 합쳐서 Request Message Header라고 한다. Request Line - 첫번째는 요청의 종류, GET, POST, PUT, DELETE 등이 있다. - 두 번쨰는 어떤 정보를 요청하는지 - 세 번째는 사용하는 http의 버전 Request Headers - 반드시 있어야 하는게 Host고, Website의 주소가 된다. - User-Agent는 웹 브라우저의 다른 표현이다. HTTP Response 결과를 ..

# 부스트캠프 멤버십 8기 📌Facts 태그를 이용한 레이아웃 구성 📚 Findings https://ofcourse.kr/html-course/table-%ED%83%9C%EA%B7%B8 메뉴 가격 컵볶이 500 회오리감자 1500 피카츄 700 태그는 표의 행을 나타낸다. 태그는 표의 열을 나타내고 하위에 위치한다. 는 표의 제목 영역을 나타내고 는 표의 본문 내용이다. table아래에 thead, tbody가 있는 것이다. 에는 가 아니라 를 사용한다. 제목 열을 나타내기 때문이다. 😁 Feelings Div를 사용해서도 표를 순수 html로 충분히 그릴 수 있지만, 의미 있는 태그를 사용하는 것은 검색엔진 최적화, 가독성 측면에서도 좋기 때문에 table 태그를 학습하고 사용해보았다. 기존에 만든..

# 부스트캠프 멤버십 8기 📌Facts MVC 구조- Model- Controller- Service- DAO- VO 📚 Findings MVC 패턴? MVC 패턴은 Model, View, Controller 3가지로 역할을 나누어 개발하는 방법론이다. 이렇게 역할을 나눠서 개발하면 유지보수, 확장이 용이해지고 코드 중복을 줄일 수 있다. Model에서는 데이터를 다룬다. View는 사용자에게 보여지는 UI 부분이다. Controller는 model과 view 사이 중간 로직을 담당한다. Service는 정보를 가공하는 과정이다. 1. Client가 Request를 보낸다.(Ajax, Axios, fetch등..) 2. Request URL에 알맞은 Controller가 수신 받는다. (@Controll..

# 부스트캠프 멤버십 8기 📌Facts HTML 기초 HTML 문서구조 태그들의 종류, 쓰임 block 속성 태그와 inline 속성 태그 태그들의 속성 class와 id의 구분 주석 📚 Findings HTML 구조 HTML은 계층적 구조를 띈다. 들여쓰기로 계층을 분리하는데, 그래서 맨 처음 설계할 때 계층적으로 어떻게 짤 지 잘 구상하는 것이 중요하다. 좋은 방법은, 먼저 빈 페이지에 박스들을 그려본다. 가장 큰 박스부터 다 그리고 그것들을 태그로 옮기는 것이다. HTML 태그 종류 그럼, 우리가 쓸 수 있는 태그들은 어떤 것이 있을까? 우리가 vscode에 빈 html파일을 생성하고 !을 타이핑하고 tab을 누르면 기본 HTML 템플릿이 완성된다. 여기서 사용되는 태그들은 기본 태그에 해당한다. ..