일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- Deep Dive
- api 요청 수 제한
- 타입스크립트
- 파일 url
- concurrency limit
- 모던 자바스크립트
- 코멘토 #코멘토실무PT #실무PT후기 #실무강의 #리액트강의 #웹프로그래밍 #react #웹개발실무
- Dev-Matching
- 음악 url 파일 다운로드
- 프리코스
- 프로그래머스
- 우아한 테크코스
- NestJS
- oauth
- 프론트엔드
- 프론트엔드 과제
- bucket4j
- AWS
- invalid_grant
- api 비동기처리
- compateto
- redis
- TypeORM
- 자바스크립트
- this
- 딥다이브
- 우아한테크코스
- 검색
- 유효시간 설정 url
- 스프링부트
- Today
- Total
목록분류 전체보기 (174)
개발 알다가도 모르겠네요
추상화 모델링은 추상화에 바탕. (특정 관점에서 관련있는 점은 부각, 없는 것은 무시) 어떤 영역에서 필요로 하는 속성이나 행위를 추출하는 작업. 캡슐화 높은 응징도 (서로 관련있는 것끼리 모여 있는 것) 낮은 결합도 (외부에서 A정보에 직접적으로 접근X. 따라서 A정보 바뀌더라도 외부에 영향X) 일반화 관계 일반화(상속)을 속성이나 기능의 재사용 관점에서만 보는 것은 극히 제한된 관점. 철학에서 일반화(generalization)은 "여러 개체들이 가진 공통된 특성을 부각시켜 하나의 개념이나 법칙으로 성립시키는 과정". 일반화는 클래스 자체를 캡슐화하여 변경에 대비할 수 있는 설계를 가능하게 함. (새로운 클래스 추가되도 클라에 영향X) 일반화와 위임 extends 자식이 부모의 기능 모두 사용: 일반..
Spring IoC 컨테이너가 관리하는 자바 객체를 빈(Bean)이라고 부릅니다. 일반적인 자바 프로그램에서는 각 객체들이 프로그램의 흐름을 결정하고 각 객체를 직접 생성하고 조작하는 작업 (객체를 직접 생성하여 메소드 호출)을 했습니다. 즉, 모든 작업을 사용자가 제어하는 구조였습니다. 예를 들어 A 객체에서 B 객체에 있는 메소드를 사용하고 싶으면, B 객체를 직접 A 객체 내에서 생성하고 메소드를 호출합니다. 하지만 IOC(제어의 역전) 가 적용된 경우, 객체의 생성을 특별한 관리 위임 주체에게 맡깁니다. 이 경우 사용자는 객체를 직접 생성하지 않고, 객체의 생명주기를 컨트롤하는 주체는 다른 주체가 됩니다. 즉, 사용자의 제어권을 다른 주체에게 넘기는게 되는 것입니다. Class를 생성하고 new를..
쿠키(cookie) 웹 서버가 브라우저에게 지시하여 사용자 로컬 컴퓨터에 저장하는 4K 이하의 작은 데이터 도입배경 HTTP 통신의 기본 약점 : 브라우저와 웹서버 사이의 통신은 무상태(stateless) 프로토콜임. 무상태 프로토콜: 바로 이전 요청과 현재 요청이 연결되어 있음을 기억하지 않는 통신 예)지금 'java'를 검색하는 사용자가 바로 전에 'javascript' 를 검색한 사용자라는 사실을 모른다. 쿠키는 HTTP의 무상태 프로토콜의 약점을 보완하기 위해 도입. 쿠키 생성 및 사용 과정 1.쿠키는 웹 서버가 생성하여 브라우저로 보냄. 사용자가 어떤 웹 서버에 처음 접속할 때 웹 서버가 다음 요청에서 그 사용자를 기억할 수 있도록 쿠키(이름&값)를 만들어 전송 2.쿠키를 받은 브라우저는 로컬 ..
클라이언트로부터 요청이 들어오면 Controller가 요청을 받게 된다. service -> DAO 호출 후, 그 결과를 Model에 저장하게 된다. Model을 View에 전달하게 되고 View는 Model를 렌더링해 동적인 페이지로 클라이언트의 요청에 응답하게 된다. –Model •애플리케이션 데이터를 캡슐화하며 일반적으로 POJO로 구성됩니다. – View •모델 데이터 렌더링을 담당하고 일반적으로 HTML 출력을 생성합니다. –Controller •사용자 요청을 처리하고 적절한 모델을 구축하고 렌더링을 위해 뷰에 전달합니다. •Dispatcher servlet –프론트 컨트롤러 역할 – 애플리케이션에 들어오는 모든 요청을 가로채서 핸들러(즉, 컨트롤러)에 요청을 전달합니다. – 요청을 처리하기 위..
프레임워크란? 프레임워크는 '구조 품질' 을 보장합니다. SW 구조 그리고 기반되는 클래스를 제공합니다. 라이브러리 vs 프레임워크 제어의 역전 (Inversion of Control) 라이브러리 클래스의 집합으로, 코드의 재사용성을 지원(ex.math) 제어의 주체는 개발자: 코드에서 라이브러리 함수를 호출. 프레임워크 제어의 주체는 프레임워크: 프레임워크에서 우리의 코드를 호출(제어의 역전) 프레임워크에서 기본적인 골격을 잡아놓았기 때문에 우리는 제어의 흐름에 맞게 코드를 작성해 두면 프레임워크에서 호출. 따라서 프레임워크는 애플리케이션 구조 및 코드의 상당 부분을 제공. 개발자는 애플리케이션의 핵심 로직에 집중 가능. 스프링이란? 자바 애플리케이션을 개발하는데 필요한 하부구조(infrastructu..
유닉스운영체제 1970년대 초에 AT&T 벨연구소에서 개발된 이후로 지속적으로 발전 스마트폰, PC, 서버 시스템, 슈퍼컴퓨터에까지 사용되고 있음 유닉스기반 운영체제 안드로이드(Android) OS iOS 맥(Mac) OS X 리눅스(Linux) BSD 유닉스(Unix) 시스템 V Sun 솔라리스(Solaris) IBM AIX HP HP-UX 유닉스의 설계 철학 단순성 최소한의 기능 제공 자원에 대한 일관된 관점 제공 이식성 이식성을 위해 C 언어로 작성 다양한 플랫폼에 이식 가능 스마트폰, PC, 서버, 슈퍼컴퓨터 등 개방성 소스 코드 공개와 같은 개방성 유닉스의 운영체제 구조 운영체제 컴퓨터의 하드웨어 자원을 운영 관리하고 프로그램을 실행할 수 있는 환경을 제공. 커널 운영체제의 핵심으로 하드웨어 운..
스택의 사용 사례 재귀 알고리즘 웹브라우저 뒤로가기 실행취소 괄호검사 후위표기법 dfs(깊이우선탐색) 배열 static int[] stack; static int size = 0; static void push(int item){ stack[size++] = item; } static int pop(){ if(size==0) return -1; int res = stack[size-1]; stack[size-1] = 0; size--; return res; } static int size(){ return size; } static int empty(){ if(size==0) return 1; return 0; } static int top(){ if(size==0) return -1; return st..
CSS란? Cascading Style Sheet Author style User style Browser 폭포수처럼 author(개발자) ->user(사용자) ->brower(브라우저 디폴트) 순으로 흘러 내립니다. Selector 종류 class selector : . id selector : # universal: * type: tag state: : attribute: [] *id는 한개, class는 여러개 존재 자식 셀렉터 부모 자식 관계인 두 셀렉터를 '>' 기호로 조합. ex) div > strong {color: dodgerblue; } 의 직계 자식인 에만 적용. 자손 셀렉터 자손 관계인 2개 이상의 태그 나열 ex) ul strong {color: dodgerblue; } 의 자손 에..
웹의 동작 원리 웹은 기본적으로 클라이언트/서버 방식으로 동작합니다. 요청과 응답으로 이루어지며 요청은 클라이언트에서 서버로 정보를 요구하기 위해 보내는 메시지입니다. 이 요청방식에는 GET방식과 POST 방식이 있습니다. 응답은 HTTP에서 요구된 메시지에 대한 응답, HTML, 이미지 등이 내용이 됩니다. 대표적인 웹 서버로는 아파치(Apache), IIS(Internet Information Server) 등이 있습니다. Static Pages vs Dynamic Pages 정적 웹 페이지 컴퓨터에서 저장된 텍스트 파일을 그대로 보는 것 HTML(HyperText Markup Language), image, video 등의 정적인 콘텐츠 동적 웹 페이지 저장된 내용을 다른 변수로 가공 처리하여 보는..
HyperText Markup Language 웹 페이지를 기술하기 위한 markup 언어 웹 페이지의 내용(content)과 구조(structure)를 담당하는 언어 html tag를 통해 정보를 구조화 요소는 중첩 가능 빈 요소: content가 없는 요소 (br, hr, img, input, link, meta, …) BOX or ITEM main - section - article (반복되는 것들을 묶어주는 구조) 속성 (attribute) 요소의 성질, 특징을 정의 이름 = 값 주석: 시맨틱 태그 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명 시맨틱 웹 웹 페이지들에 메타데이터(데이터를 설명)를 부여하여 웹 페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 database로 구축..