학교생활/23-1 '모여서 각자 코딩'
-
[모각코 23-1] 9회차-HTTP통신과 Socket 통신학교생활/23-1 '모여서 각자 코딩' 2023. 6. 5. 10:20
1. 단방향통신 - Http 통신 Client의 요청이 있을때만, 서버가 응답해서 정보를 전송하고, 이후 곧바로 연결을 끊는 방식 Client가 요청을 보내고, server가 응답하는 단방향통신 실시간이 아니라 필요한경우에만 server로 접근하는 데이터를 사용할때 용이 예) 블로그 접속 클라이언트-> 웹서버: 글에 대한 내용을 보내달라고 Request 해서, 서버->클라이언트 response 해주고, 연결은 바로 종료 된다. 2. 양방향통신 Client와 Server가 특정port을 통해 연결을 성립하고 있어서, 실시간으로 양방향 통신을 하는 방식 Client가 Server한테만 요청을 보내는 http와 달리, Server 역시 Client한테 요청을 보낼 수 있는 양방향통신 (연결상태유지 : stat..
-
[모각코 23-1] 8회차-Django학교생활/23-1 '모여서 각자 코딩' 2023. 5. 17. 16:54
Django(이하 장고)는 2005년에 Python 의 오픈소스 웹 프레임워크로 처음 등장하였습니다. 스스로를 배터리 팩(Battery Pack)이라고 부를 정도로 구현에 필요한 다양한 기능들이 들어가있습니다. 그래서 풀 스택 프레임워크라고 불립니다. 반대로 다른 유명한 파이썬 웹 프레임워크인 플라스크(Flask)는 마이크로 프레임워크라고 불립니다. 로그인, 회원가입, 인증, CORS 와 같이 거의 대부분의 사이트에서 사용하는 기능이 기본 모듈로 제공됩니다. 장고를 사용하는 많은 이들은 Admin 이라는 핵심 기능을 이용하여 관리사이트를 운영하는 경우가 많습니다. 소프트웨어 디자인 패턴 - MVC 소프트웨어 개발을 위한 여러 디자인 패턴 중, 웹 서비스에 자주 사용되는 패턴으로 MVC 디자인 패턴이 있습..
-
[모각코 23-1] 7회차- 프로미스 객체학교생활/23-1 '모여서 각자 코딩' 2023. 5. 15. 10:18
콜백 안에 콜백 안에 콜백 안에 콜백 …. => 콜백 지옥 콜백을 사용했을 때의 복잡함을 피하기 위해, ES6부터 “프로미스(promise)” 등장 처리에 성공했을 때 실행할 함수와 성공하지 못했을 때 실행할 함수를 미리 약속하자는 것이다. 프로미스는 객체를 생성하는 부분과 소비하는 부분으로 나뉜다. 먼저, 프로미스를 사용하려면 Promise 객체를 먼저 만들어야 한다. 생성! 성공했을 때 실행할 함수 resolve()와 실패했을 때 실행할 함수 reject()도 함께 지정해야 한다. let likePizza = true; const pizza = new Promise((resolve, reject) => { if (likePizza) resolve('피자를 주문합니다.'); else reject('피자..
-
[모각코 23-1] 6회차- 자바스크립트에서 함수는 일급시민이다.학교생활/23-1 '모여서 각자 코딩' 2023. 5. 2. 19:13
자바스크립트에서 함수는 일급시민이다. 일급시민이 뭔데? 1급 시민은 ... - 변수에 함수를 대입할 수 있어야 한다. - 함수를 다른 함수에 인자로 넘길 수 있어야 한다. - 함수에서 함수를 생성하여 반환할 수 있어야 한다. 자바스크립트에서 함수는 객체이기도 하고, 값이기도 하다. 자바스크립트의 함수표현식 (목차) 1. 함수를 변수에 할당해서 사용하기 2. 즉시 실행 함수 2. 화살표 함수 3. 콜백() 함수 함수를 변수에 할당해서 사용하기 let sum = function(a,b) { return a + b ; } console.log(`함수 실행 결과: ${sum(10,20)}`); sum 은 변수인데 함수처럼 뒤에 파라미터를 받으며 사용되는 것을 할 수 있다. 또한 함수를 파라미터로도 넣을 수 있다..
-
[모각코 23-1] 5회차-Interaction Diagrams학교생활/23-1 '모여서 각자 코딩' 2023. 5. 2. 15:56
목차 1. System Sequence Diagram 2. Operation Contract 3. Sequence Diagram 추가: Class Diagram 예시 System Sequence Diagram(SSD) 1-1. 시스템 시퀀스 다이어그램이란? 어떻게 동작하는가 보다는 무엇을 하는가에 초점을 맞춘 설명. UML에는 “시퀀스 다이어그램”은 있지만, “시스템 시퀀스 다이어그램”은 없다 1-2. 그냥 시퀀스 다이어그램과의 차이 시스템 시퀀스 다이어그램과 시퀀스 다이어그램과의 차이는 표현의 범위에 있다 시스템 시퀀스 다이어그램은 개발 중인 시스템의 인풋 아웃풋 이벤트를 표현하는 것에 집중한다. 일반적인 시퀀스 다이어그램이 외부 액터와 시스템 속 유스케이스의 시간에 따른 상호작용을 표현한다면 시스템 ..
-
[모각코 23-1] 4회차- OOAD(2)학교생활/23-1 '모여서 각자 코딩' 2023. 4. 6. 16:35
목차 Beginning Beginning Inception in a sentence : System 의 scope, 비전, 비즈니스 모델링을 구상한다. 이때 stakeholde(이해당사자) 의 기본적인 동의와 투자가 있어야 한다. Inception 의 의도 : 실현 가능 여부 조사, decide if it is worth to do. Inception focuses on... - requirement! - functional requirements --> Use case 모델링 - nonfunctional requirements - UI 구현 - 타당성 구현 요구사항 분석 - 요구사항을 찾아서 문서화하고 유지하는 프로세스 - 이 또한 반복적iterative 으로 도출된 결과가 시스템에 적용된다. 더보기 ..
-
[모각코 23-1] 3회차- OOAD학교생활/23-1 '모여서 각자 코딩' 2023. 4. 4. 09:23
목차 Introduction Use Case 소프트웨어 개발 프로세스 UP의 구조물 Introduction 객체지향 분석(OOA): 문제를 정의하고 이 정의로부터 개념 모델(객체에 대한 추상적 정의)을 사용하여 객체, 관계 및 동작을 식별한다. 요구사항을 찾아낸다? 객체지향 설계(OOD) : 객체를 정의하고, 요구사항을 충족하기 위한 객체들의 속성(attribute), 동작(behavior), 상호작용(interaction)을 설명한다. Use Case : 시스템의 동작을 사용자의 입장에서, 유용한 일을 달성하기 위한 시나리오의 집합 사용자, 외부 시스템, 다른 요소들이 시스템과 상호작용하는 방법을 기술함 요구사항을 알아내는 과정이다 사용자 시점에서 시스템을 모델링하는 역할 소프트웨어 개발 프로세스 wa..
-
[모각코 23-1] 2회차- HTML/CSS 기초 궁금증 정리학교생활/23-1 '모여서 각자 코딩' 2023. 3. 26. 01:45
목차 HTML 과 과 태그의 속성 CSS list-style-position 속성 margin 속성 순서 HTML ▶ 과 화면 상에선 둘 다 굵게 표시 된다. 하지만 는 실제로 페이지 내의 중요한 부분으로 브라우저에게 알려주어, screen reader 가 화면을 낭독할 때, 강조하여 읽는 효과를 준다. ▶ 과 화면 상에선 둘다 이탤릭체로 표시된다. 하지만 은 태그와 마찬가지로, 브라우저에게 페이지 내의 중요한 부분임을 알려주고, 스크린 리더에게도 영향을 준다. ▶ 태그의 속성 _blank 링크된 문서를 새로운 윈도우나 탭(tab)에서 오픈함. (내가 조아하는거) _self 링크된 문서를 링크가 위치한 현재 프레임에서 오픈함. 기본값으로 생략 가능. _parent 링크된 문서를 현재 프레임의 부모 프레임..