알아두면쓸데있는신기한잡학사전/고군분투흔적들34 [HTML5] 웹 개요 인터넷과 웹 시작 인터넷 vs 웹 - 인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간 - 웹은 인터넷 공간에서 제공하는 서비스 즉, 인터넷과 웹은 같은 개념이 아니다. Not Equal! 인터넷의 시작 - 미국의 신기술을 연구하는 ARPA에서 현재 웹의 모태가 되는 아파넷(ARPANET)을 1969년에 개발 팀 버너스 리 - 최초의 웹 개발자 - W3CWorld Wide Web Consortium 창설 * W3C: HTML 표준을 비롯한 웹 표준안을 제작, 제안하는 일을 하는 국제적인 웹 표준화 단체이다. -> HTML1~4까지 급격한 변동을 겪다가 현재 가장 많이 쓰이는 HTML5 버전이 되었다. 웹 브라우저 전쟁과.. 2022. 4. 16. [Project] API, REST, REST API 이해를 목적으로 한 포스팅 2..... ! 출처는 아래 링크이다. https://velog.io/@wkahd01/%ED%8C%80-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-1%EC%A3%BC%EC%B0%A8.-%EC%9A%A9%EC%96%B4-%EC%A0%95%EB%A6%AC-2 팀 프로젝트 1주차. (용어 정리 2) Representational State Transfer의 약자로, 엄격한 의미로 REST는 네트워크 아키텍처 원리의 모음이다. 여기서 '네트워크 아키텍처 원리'란 자원을 정의하고 자원에 대한 주소를 지정하는 방법 전반을 일 velog.io 1. API API는 애플리케이션 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트로, 애플리케이션 프로그래밍 인터페.. 2022. 1. 21. [Project] 클라이언트와 서버 양 입장에서 로그인 과정 이해하기 이해를 목적으로 한 포스팅..... ! 출처는 아래 링크이다. 클라이언트와 서버 양 입장에서 로그인 과정 이해하기 (feat. session, JWT,소셜로그인) 로그인 기능을 구현하기 위해서 클라이언트와 서버는 각각 어떤 일을 해야할까요? velog.io 1. Session 방식 서버에서 사용자의 세션 데이터를 저장해서 로그인 기능을 구현하는 방법 - 프론트와 서버 각각의 역할 1. [프론트] 프론트 쪽에서 로그인 페이지에서 아이디, 비번을 서버로 POST함 a. [서버] 서버는 기존에 회원가입을 한 사람이면 서버에서 세션 아이디를 만들어줌 b. [서버] 세션 아이디를 담을 변수, DB 공간을 마련해 거기 저장 (세션 데이터라고 부름) c. [서버] 그걸 쿠키라는 것에 포션해서 고객 브라우저에 그 쿠키.. 2022. 1. 20. [Project] JWT 팀프로젝트로 스터디 사이트를 만들어 보기로 했다. 아직 1인분도 못 하는 무지의 인간이지만(;-;) 이해라도 하기 위해 모르는 개념을 일단 정리하려고 한다. 먼저, 사이트를 이용하기 위한 로그인, 회원가입부터 구현을 시작했다. ID/Password 값을 받아서 데이터베이스와 비교하는 것이 아니라 JWT(Json Web Token)을 이용한다고 한다. (Json은 뭐고 JWT는 뭐죠....) JWT 1) Why JWT? HTTP 통신 JWT를 왜 사용하는가가 나와야하는데 갑자기 HTTP 통신이 등장했다. "로그인"이라는 과정은 서버와 클라이언트가 데이터를 주고 받는 통신 방법이 필요하다. 그 통신 방법이 HTTP라는 프로토콜(통신 방법)이다. HTTP는 아래와 같은 특성을 가진다. - connectionl.. 2022. 1. 20. [Design Pattern] 일반화 관계 일반화 관계 한 클래스가 다른 클래스를 포함하는 상위 개념일 때 두 클래스 사이에는 일반화 관계가 존재한다. 일반화 관계가 존재할 때 자식(또는 서브 클래스)이라 불리는 클래스는 부모(또는 슈퍼클래스)라 불리는 클래스로부터 속성과 연산을 물려받을 수 있다.' 'is a kind of 관계' - 세탁기 is a kind of 가전제품 - TV is a kind of 가전제품 - 식기세척기 is a kind of 가전제품 가전제품을 부모클래스라 하며 세탁기, TV, 식기세척기를 자식 클래스라 한다. UML에서 일반화 관계는 두 클래스를 연결하는 화살표의 끝에 빈삼각형 표시를 해 표현한다. 삼각형 표시 있는 쪽은 부모 클래스, 반대쪽은 자식 클래스이다. 가전제품은 세탁기, TV, 식기세척기의 공통 속성이나 연.. 2021. 4. 14. [Design Pattern] 연관 관계 연관 관계 연관된 클래스 상에 실선을 그어 표시. '교수(Professor 클래스)가 학생(Student 클래스)을 상담한다'라는 사실은 다음과 같이 나타낸다. 두 클래스 사이의 관계가 명확한 경우에 연관 관계 이름('상담한다')을 사용하지 않아도 됨. 한 클래스가 다른 클래스와 연관관계를 가지면 각 클래스의 객체는 해당 연관 관계에서 어떤 역할을 수행하게 된다. 이러한 역할은 클래스 바로 옆 연관 관계를 나타내는 선 가까이에 적을 수 있다. Professor 객체들은 조언자(advisor 속성)의 역할을, Student 객체들은 피조언자(student 속성)의 역할을 '상담한다'라는 연관 관계에서 담당한다. 역할 이름은 실제 프로그램을 구현할 때 연관된 클래스의 객체들이 서로를 참조할 수 있는 속성의 .. 2021. 4. 14. [Design Pattern] UML, 클래스, 관계 - 모델은 추상화에 바탕을 둠. 특정 관점에서 관련이 있는 점은 부각/관련이 없는 것은 무시 - 모델링 언어 = UML UML은 요구 분석, 시스템 설계, 시스템 구현 등의 시스템 개발 과정에서 개발자 사이의 의사 소통이 원활하게 이루어지도록 표준화한 통합 모델링 언어 - 클래스 다이어그램 시간에 따라 변하지 않는 시스템의 정적인 면을 보여주는 대표적인 UML 구조 다이어그램. (Q. 시간에 따라 변하지 않는다... 시스템의 정적인 구조를 표현한다....는 말이 정확히 어떤 말인지 감이 안 옴.) 시스템을 구성하는 클래스와 그들 사이의 관계를 보여준다. - 클래스 동일한 속성과 행위를 수행하는 객체의 집합. 클래스의 인스턴스는 '실체'를 의미 클래스를 보는 또 하나의 관점은 객체를 생성하는 설계도로 간주.. 2021. 4. 7. 이전 1 2 3 4 다음
