TIL

HTML5 (content,structure)시멘틱웹SEO (Search Engine Optimization) 검색엔진 최적화시멘틱 태그: 브라우저,검색엔진, 개발자모두에게 콘텐츠의 의미를 명확히 설명하는 역할header 헤더nav 네비게이션aside 사이드에 위치se

Sass의 소개CSS의 한계와 단점을 보완프로젝트의 규모가 클때 사용하면 좋다Node.js, npm 필요터미널창에서node-vnpm-v 확인시 없으면 설치브라우저의 핵심기능사용자가 참조하고자 하는 웹페에지를 서버에 요청 서버의 응답을 받아 표시하는것브라우저는 서버로 부

JSONjavascript Object NotaionNotation:표기법'{"name":"John","age":30,"car":null}'이 객체는 3가지 속성을 가지는데1.이름 2.나이 3.자동차각각의 속성들은 값을 가진다.Why Use JSON?JSON 형식은 문

파이썬 replace 함수와count 함수에 대해서...replace는 문자열을 변경하는 함수이다replace(x,y)x를 y로 바꿔준다st='hello world'print(st)st=st.replace('hello','hi')print(st)hi world가 출력된

position: absolute , relative에 대해서css position (relative,absolute)position 속성을 통해 문서상에 요소를 배치하는 방법을 지정한다top,right,bottom,left 속성을 통해 요소의 최종 위치를 결정한다사

자바스크립트 - 싱글 스레드 언어 (하나의 호출스택)동시성 구현=> 이벤트루프SEO (search engine optimization) 검색엔진최적화=> 지속적으로 많은 사용자의 유입추구1.캐노니컬 태그 설정2.페이지속도 개선 pagespeedinsights => 리포

참고:https://ghost4551.tistory.com/139프로젝트 수행시 client 와 서버 간 데이터를 주고받는 과정이 필요이를 위해 HTTP 통신을 사용하게 된다js에서는 ajax,axios,fetch를 쓴다ajax는 빠르게 동작하는 동적인 웹페이

파이썬 join 함수 설명''.join(리스트)join함수는 매개변수로 들어온 리스트에 있는 요소 하나하나를합쳐서 하나의 문자열로 바꾸어 반환하는 함수입니다.a='a','b','c','d'res=''.join(a)print(res)abcd

https://ko.javascript.info/browser-environment자바스크립트는 본래 웹 브라우저에서 사용하려고 만든 언어.최상단에는 window라 불리는 '루트'객체가 있습니다window 객체는 2가지 역할을 합니다1.전역 객체 챕터에서 서명

레츠기릿-자바스크립트 강의를 듣고메모한 내용입니다.순서도를 그리는 이유.프로그래밍 사고력 기르기기본VS Code 사용법html , css , js대화창(prompt , alert, confirm)prompt는 문자열을 받기때문에앞에 parseInt를 붙여야 정수형으로

디자인 패턴:디자인 패턴이란 프로그램들을 설계할 때 발생했던 문제점들을 객체 간의 상호 관계 등을 이용하여 해결 할 수 있도록 하나의 '규약'형태로 만들어 놓은 것을 의미합니다.라이브러리:공통으로 사용될 수 있는 특정한 기능들을 모듈화한것을 의미한다. 폴더명, 파일명

유튜브 boiler-plate 를 공부하다가 ssh 설정하는 법에서 막혔는데 ssh를 공부해야하는 시점이 발생..Secure Shell : 원격지에 있는 pc를 안전하게 제어putty 나 xshell을 사용한다는데 mac은 기본적으로 지원한다고 하더라...window라

의존성 주입싱글톤 패턴은 사용하기가 쉽고 굉장히 실용적이지만 모듈 간의 결합을 강하게 만들 수 있다는 단점이 있다.이때 의존성 주입(DI, Dependency Injection)을 통해 모듈간의 결합을 조금 더 느슨하게 만들어 해결할 수 있습니다.(디자인패턴)의존성주입

이터레이터 패턴(iterator pattern)은 이터레이터를 사용하여 컬렉션의 요소들에 접근하는 디자인패턴입니다.이를 통해 순회할 수 있는 각기 다른 자료형의 구조와는 상관없이 이터레이터라는 하나의 인터페이스로 순회가 가능해서 코드의 효율화, 숫자형 index가 아닌

전략패턴(strategy pattern)은 정책패턴(policy pattern)이라고도 하며,객체의 행위를 바꾸고 싶은 경우 '직접' 수정하지 않고 전략이라고 부르는 '캡슐화한 알고리즘'을 컨텍스트 안에서 바꿔주면서 상호 교체가 가능하게 만드는 패턴입니다.컨텍스트: 프

프록시패턴대상 객체에 접근하기 전 그 접근에 대한흐름을 가로채 대상 객체 앞단의 인터페이스 역할을 하는 디자인 패턴입니다.이를 통해 객체의 속성, 변환 등을 보완하며 보안,데이터 검증, 캐싱 ,로깅에 사용합니다.대표적으로 프록시 서버를 예로 들 수 있습니다.프록시 서버

MVC패턴은 모델(MODEL),뷰(VIEW),컨트롤러(CONTROLLER)로 이루어진 디자인패턴입니다.애플리케이션의 구성 요소를 세 가지 역할로 구분하여 개발 프로세스에서 각각의 구성 요소에만 집중해서 개발할 수 있습니다.재사용성과 확장성이 용이하다는 장점이 있고, 애

FLUX 패턴FLUX 패턴: MVC 패턴의 한계로 페이스북이 만듦"읽은 표시(mark seen)"에 관해 많은 뷰가 있다면 이를어떻게 처리해야 할까? 어떤 페이지에서 메시지를 읽었는데 다른 페이지에서는 메시지가 안 읽었다고 뜸view와 model간의 관계가 복잡해지니

캡술화과정과 비캡슐화 과정PDU애플리케이션 계층 : 메시지전송 계층: 세그먼트(tcp), 데이터그램(udp)인터넷 계층: 패킷링크 계층: 프레임(데이터 링크 계층), 비트(물리계층)어플리케이션 계층의 데이터가 전송 계층으로 전달되면서 '세그먼트'또는 '데이터그램'화되며

의존성주입과 전략패턴의 차이의존성 주입이나 전략패턴 모두 "무언가를 쉽게 교체하기 위한 디자인패턴" 이며 같은 방식으로 작동합니다.but..전략패턴: 의도에 초점을 맞추고 동일한 행동 계약을 준수하는 다양한 구현으로 인터페이스를 만들도록 권장하는 것을 포함의존성주입:

학원에서 노트에 필기한것을 한번더 상기하는 목적으로 게시한 글입니다.주의:흐름에 따라 필기한것으로 다소 중심내용과 다른 이야기 줄기가 나올수 있지만 다 피가 되고 살이되는 이야기니 계속 읽어주세요.2000년대. server를 사야함pc에 주소 - ipnaver 도메인-

이 게시글은 학원에서 필기한 내용을 토대로 다시 한번 상기하기 위해서 쓰여진 글입니다.중심내용과 다른 내용이 나타날수있으니 놀라지마세요.8월 22일 필기내용SPRING: FRAMEWORKFRAMEWORK: 틀장점: 1.빠르게 제작 2. 보안적으로 우수단점: 수정하는게

테츠님과 시작하는 BACKEND 클라이언트 > 요청 > 서버클라이언트 < 응답 < 서버WHAT IS AN API?API는 Application Programming Interface 의 줄임말API 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든

static 변수를 자주 사용하게 되었을 때 단점은 뭘까요?static은 일정의 전역변수라 전역변수의 단점 일부를 가지고 있습니다. but, 전역변수와는 다르게 get, set 함수를 만들 수 있고 클래스에서 다용된다는 명시성을 가진다는 점 등이 다릅니다.동시성 문제:

로그인 , 쿠키와 세션, JWT 토큰HTTP란? stateless 하다. 즉 연결을 끊는 순간, 사용자와 서버의 통신이 끝나며 상태 정보는 유지하지 않는 특성이 있습니다.아니 그러면 브라우저를 닫을 때마다 로그인이 풀리나?그래서 이 "상태"를 유지하는 방법인 \-쿠키와

브라우저 렌더링 과정브라우저엔진>렌더링엔진>네트워크통신,JS해석기,UI백엔드1.DOM 트리구축.하나의 html 페이지는 div , span 등 각각의 요소를 가집니다.각 요소는 하나하나 노드(node)로 설정이 되어 트리 형태로 저장되는데,이를 DOM 트리라고 합니다.

로컬스토리지와 세션스토리지웹스토리지라고도 하며 HTML5와 함께 도입됨. "브라우저 스토리지"에 저장되는 조각, 즉, 크롬을 사용한다면 크롬에만 저장이 되고 그 정보를 파이어폭스 등 다른 브라우저에서는 볼 수 없다.오리진에 종속됨1.로컬 스토리지로컬 저장소는 웹 브라우

HTTP의 상태코드와 메서드(GET,POST,PATCH,DELETE)1XX (정보): 요청을 받았으며 프로세스를 계속한다2XX (성공): 요청을 성공적으로 받았으며 인식했고 수용합니다\-200 OK: 요청이 성공적으로 되었습니다\-201 Created: 요청이 성공적이

네트워크를 이루는 장치의 이해네트워크는 여러 개의 네트워크 기기를 기반으로 구축됩니다.네트워크 기기는 계층별로 처리 범위를 나눌 수 있습니다.상위 계층을 처리하는 기기는 하위 계층을 처리할 수 있지만그 반대는 불가합니다. 예를 들어 L7 스위치는 애플리케이션 계층을 처

가상메모리와 스와핑, 페이지폴트 그리고 스레싱가상 메모리(virtual memory)는 메모리 관리 기법의 하나로 컴퓨터가 실제로 이용 가능한 메모리 자원을 추상화하여 이를 사용하는 사용자들에게 매우 큰 메모리로 보이게 만드는 것을 말합니다.물리적 메모리 부족을 보완하

\[네트워크를 이루는 장치 L4 스위치앞서 설명한 로드밸런서의 이점(안정화, 보안적 이점)을 가지고 있음1.부하분산2.상위계층의 패킷을 분석해 트래픽의 우선순위를 부여할 수 있음\*예를 들어 HTTP가 온다면 패킷 중 포트번호 80에 우선순위를 부여할 수 있음3.헤더를

프로그램과 프로세스 그리고 스레드의 차이프로세스(process)는 컴퓨터에서 실행되고 있는 프로그램을 말하여 CPU스케줄링의 대상이 되는 작업(task)이라는 용어와 거의 같은 의미로 쓰입니다.(싱글 스레드 프로세스: 하나의 스레드만 가지고 있는, 멀티스레드 프로세스:

유선 LAN을 이루는 케이블유선 LAN을 이루는 케이블로는 TP 케이블이라고 하는 트위스트 페어케이블과 광섬유케이블이 대표적입니다.트위스트페어 케이블트위스트 페어 케이블은 하나의 케이블처럼 보이지만 실제로는 여덟개의 구리선을 두 개씩 꼬아서 묶은 케이블을 지칭합니다.케

무선 LAN을 이루는 주파수무선 LAN(WLAN, Wireless Local Area Network)은 무선 신호 전달 방식을 이용하여 2대 이상의 장치를 연결하는 기술입니다.비유도 매체인 공기에 주파수를 쏘아 무선 통신망을 구축하는데, 주파수 대역은 2.4GHz 대역

PCB와 컨텍스트 스위칭PCB(Process Control Block)는 운영체제에서 프로세스에 대한 메타데이터를 저장한 '데이터'를 말합니다. 프로세스 제어 블록이라고도 합니다. 프로세스가 생성되면 운영체제는 해당 PCB를 생성합니다. 프로그램이 실행되면 프로세스가

\[데이터베이스의 기본필드와 레코드, 그리고 타입회원이란 엔터티는 member라는 테이블로 속성인 이름, 아이디 등을 가지고 있으며 name, ID, address 등의 필드를 가집니다. 그리고 이 테이블에 쌓이는 행(row)단위의 데이터를 레코드라고 합니다. 또한,

https://velog.io/@surim014/JSON%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80JSON (JavaScript Object Notation)JavaScript Object Notation

멀티프로세싱과 멀티스레딩, 그리고 IPC멀티프로세싱멀티프로세싱은 여러 개의 '프로세스', 즉 멀티프로세스를 통해 동시에 두 가지 이상의 일을 수행할 수 있는 것을 말합니다. 이를 통해 하나 이상의 일을 병렬로 처리할 수 있으며 특정 프로세스의 메모리, 프로세스 중 일부

ERDERD(Entity Relationship Diagram)는 데이터베이스를 구축할 때 가장 기초적인 뼈대 역할을 하며, 릴레이션 같의 관계들을 정의한 것입니다. 만약 서비스를 구축한다면 가장 먼저 신경 써야 할 부분이며 이 부분을 신경 쓰지 않고 서비스를 구축한다

자료구조자료 구조(Data Structure)는 효율적으로 데이터를 관리하고 수정, 삭제 , 탐색 , 저장할 수 있는 데이터 집합을 말합니다.c++ 는 STL을 기반으로 전반적인 자료 구조를 가장 잘 설명할 수 있는 언어미ㅕ, 이를 기반으로 자료 구조에 대한 참고 코드

트랜잭션, 커밋, 롤백 그리고 트랜잭션 전파트랜잭션트랜잭션은 데이터베이스에서 하나의 논리적 기능을 수행하기 위한 작업의 단위를 말하며 데이터베이스에 접근하는 방법은 쿼리이므로, 즉 여러 개의 쿼리들을 하나로 묶는 단위를 말합니다.커밋과 롤백커밋(commit)은 여러 쿼

격리성과 격리수준에 따른 현상격리 수준은 serializable, repeatable_read,read_committed, read_uncommited 가 있으며 위로 갈수록 동시성이 강해지지만 격리성은 약해지고, 아래로 갈수록 동시성은 약해지고 격리성은 강해집니다.

CPU 스케줄링 알고리즘(비선점형,선점형)CPU 스케줄러는 CPU 스케줄링 알고리즘에 따라 프로세스에서 해야 하는 일을 스레드 단위로 CPU에 할당합니다.프로그램이 실행될 때는 CPU 스케줄링 알고리즘이 어떤 프로그램에 CPU 소유권을 줄 것인지 결정합니다. 이 알고리

인덱스의 구조와 효율적인 이유인덱스란?먼저 인덱스는 데이터를 빠르게 찾을 수 있는 하나의 장치입니다.예를 들어 책의 마지막 장에 있는 찾아보기를 생각하면 됩니다.책의 본문이 있고 그 본문 안에 내가 찾고자 하는 '항목'을 찾아보기를 통해 빠르게 찾을 수 있습니다. 이와

캐시, 캐시히트, 캐시미스, 캐시의 사례캐시캐시(cache)는 데이터를 미리 복사해 놓는 임시 저장소이자 빠른 장치와 느린 장치에서 속도차이에 따른 병목 현상을 줄이기 위한 메모리를 말합니다\*\*병목현상: 병목(bottleneck) 현상은 전체 시스템의 성능이나 용량

메모리할당: 페이징, 세그멘테이션, 페이지드 세그멘테이션불연속 할당메모리를 연속적으로 할당하지 않는 불연속 할당은 현대 운영체제가 쓰는 방법으로 불연속 할당인 페이징 기법이 있습니다. 메모리를 동일한 크기의 페이지(보통 4kb)로 나누고 프로그램마다 페이지 테이블을 두

개발자가 꼭 알아야 하는 리눅스 명령어(터미널 사용법)cd 가장 기본적인 명령어. 어디에서 어디로 가는 것입니다.ipconfig, ip를 확인할 수 있습니다.df 저장된 장치의 다양한 정보들을 말합니다 -h를 붙이면 더 이쁘게 볼수 있음ls 파일들을 리스트화 해서 보여

APIApplication Programming Interface사용자가 브라우저를 통해서 서버에 요청하게 되면 API가 중계계층 역할을 하며 요청을 처리하는 것을 볼수 있습니다. 직접 서버의 DB에 접근하는걸 막을 수 있음API의 장점1\. 서비스의 중요한 부분을 드

OPEN API Project. 참고: [JavaScript 기초와 활용 #2] API의 개념과 활용! 카카오 책 검색 기능 구현하기 유튜버: 조코딩 사용자 규칙을 제공하는것 API OPEN API : 누군가 API를 만들어 놓고 여기에 주소와 사용 규칙을 공개한

함수형 컴포넌트\-JS 에서 익숙하게 사용하였던 함수를 컴포넌트화 시킨 것입니다.\-아무래도 구조 자체가 클래스에 비해 단순하여 코드도 단순하고 빠르게 배울수 있습니다.\-메모리도 덜 먹고 빠릅니다. (render 함수가 빠짐)\-다만 예전에는 state 와 라이프사이

connet-flash : 1회성으로 메시지를 보내는 모듈리액트: 조건부 렌더링(조건) ? (참) :(거짓)괄호안에 컴포넌트 가능화살표 함수const \_\_\_ = () => {}filter: true인 값만 남기고 false는 버린다코딩애플 1,2,3,4 강의 교안

useRef ?const ref = useRef(value){current:value}역할저장공간state의 변화 > 렌더링 > 컴포넌트 내부 변수를 초기화Ref의 변화 > no 렌더링 > 변수들의 값이 유지됨화면 업데이트 -> stateRef 렌더링이 되도 값은 유지

DATABASE 2 MYSQL data를 잘 정리 정돈 해서 쓰고 싶다는 욕심이 생김1960 파일을 본격적으로 다루고 싶어함전문적인 소프트웨어 고안 => 이러한 것들을 DATABASE라고 부름1970 에드가 프랭크 => 관계형 데이터베이스 를 고안해냄정렬, 검색 안전하

DATABASE2 MySQL -4 MySQL 의 구성요소 3가지 스키마는 연관되있는 데이터들을 그루핑한것 MySQL 서버 접속 -uroot 루트라는 사용자로 접속하겠다라는 뜻 root는 관리자이기때문에 모든 권한이 열려있다 그래서 root의 권한으로 data

MySQL 테이블의 생성 총 6개의 컬럼으로 되어있는 표를 만들어봅시다. mysql로 만들어 봅시다 표를 만드는 작업을 위해서 sql을 직접짜는경우는 많지 않다 -외우거나 심란해 하지말기 해보면 알겠지만 상당히 코드가 복잡해서 힘들게 느껴질수도 있다. 자주 사용

MySQL - 9 CRUDCRUDCREATE 생성READ 읽는다UPDATE 수정DELETE 삭제DB의 4가지 작업이라고 함4가지 중에서도 중요한것데이터 입력시 NOW()를 치면 된다 '' 없이 자동으로 시간 넣어줌WHERE 문을 통해서 필요한 것을 가져올수있다.ORDE

MERN STACK프로젝트 들어가기전 mern stack에 대한 설명을 적은 ...https://www.youtube.com/watch?v=7CqJlxBYj-M을 보면서 연습중..강의 순서Introduction to mernDatabase conceptsGet

10/21 => 요기요 코테10/23 => 우코테10/24 => 카카오인턴10/31 => TOSS 지원 마감D-11 !! 하루에 20문제씩 LV0,LV1,LV2 풀기!!MERN STACK YOUTUBE 보기REACT FRONT-END 디자인 강의 보기Oauth , SN

점프핏 X 개취콘조현영 : 카카오 모빌리티 일일배송팀장조현영님 주관적인 생각이라 반박 안받...실제 현장에서 전공자 비전공자 차이 별로 크지 않다.1.비전공자의 강점답변:다양한 백그라운드 , 새로운 아이디어 이런거 없음2.개발자의 덕목 1\. 개발3.비전공자 개발능력

PYTHON 코딩 테스트 준비 배열과 입출력배열: 동일한 타입의 변수 모임PYTHON 에서는 내장 타입으로 제공하지 않기 때문에 대신에 LIST를 주로이용인덱스: 각각의 변수 위치를 가리키는 숫자요소: 각 위치의 변수 값배열 입출력590 70 80 60 100n = i

https://www.youtube.com/watch?v=zE4GMGjzSf0&list=PL6YHvWRMtz7CUn7iYH5qMvbDVGk1NElQS&index=2재귀함수자기 자신을 호출하는 함수Base case : 간단히 결과를 반환하는 부분Recursive

PYTHON 코딩테스트 준비https://www.youtube.com/watch?v=4_P5KrgmvD0&list=PL6YHvWRMtz7CUn7iYH5qMvbDVGk1NElQS&index=4완전탐색모든 경우의 수를 시도해 보는 방법상대적으로 구현이 간단하고,

https://www.youtube.com/watch?v=TRCDsB9i3bI조 프로젝트할때 참고할 유튜브 강의9시간 짜리... 주말까지 다 보고 완성시키기....

네트워크: 노드와 링크가 서로 연결되어 있거나 연결되어 있찌 않은 집합체를 의미노드: 서버,라우터,스위치 등 네트워크 장치를 의미링크: 유선 또는 무선을 의미좋은 네트워크: 많은 처리량을 처리할 수 있으며 지연 시간이 짧고 장애 빈도가 적으며 좋은 보안을 갖춘 네트워크

요기요 코테후기...요기요 코테후기총 3문제음.. 공부를 그렇게 완벽하게 하고 시험을 친건아니지만첫번째 문제는 침착하게 풀었으면 빨리 풀었을텐데두번째 문제도 잘 생각해서 풀었으면 풀었을텐데첫번째 문제는 95% 구현했는데 아쉬웠다.두번쨰 문제도 80% 구현한거 같았는데

Express: req.params vs req.bodyhttps://velog.io/@aaronddy/Express-req.params-vs.-req.bodyRequest objectreq.params와 req.body 둘 다 request 프로퍼티에 해당한

자바를 배우면서익혀야할것Scanner scanner = new Scanner (System.in);import 할떄는 ctrl + shift + o입력받을때scanner.nextInt();자바에서는 while(1)을 사용하지 못한다while(true) 를 사용해야함co

No SQL = Not only SQLNo SQL categoriesDocumnet, Key-Value , GraphMongoDBData 가 JSON-like-document로 저장됨SQL 처럼 column과 row가 존재하지 않음원하는 어떤 종류 , 어떤 모양의 데이

Context context를 이용하면 단계마다 일일이 props를 넘겨주지 않고 컴포넌트 트리전체에 데이터를 제공할 수 있습니다.일반적인 React 애플리케이션에서 (부모>자식)context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨 주지 않아도 많은 컴

BACKEND ROAD MAPhttps://roadmap.sh/backendhttps://velog.io/@geeneve/2021-%EB%B0%B1%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%A1%9C%E

app.use(morgan("dev"))=> 기존로그 외에 추가적인 로그 app.use(express.json)app.use(express.urlencoded)=> 클라이언트로 부터 받은 http 요청 메시지 형식에서body 데이터를 해석하기 위해 사용내보낼때 modu

int(string, base) 파이썬 진법 변환 *결과값은 모두 string이라서 int를 해준다

컴퓨터의 구성https://gyoogle.dev/blog/computer-science/computer-architecture/%EC%BB%B4%ED%93%A8%ED%84%B0%EC%9D%98%20%EA%B5%AC%EC%84%B1.html캐시 메모리(Cache

Design Pattern일종의 설계 기법이며, 설계 방법이다.SW 재사용성, 호환성, 유지보수성을 보장디자인 패턴은 아이이디어이며 특정한 구현이아님원칙: SOLID1\. 하나의 클래스는 하나의 역할2\. 확장(상속)에는 열려있고 수정에는 닫혀 있어야함3\. 자식이 부

Cchar : 1바이트int : 4바이트double : 8바이트main 에서 한번 만들어둔 변수 값을 다른 함수에서 그대로 사용하거나, 변경하고 싶은 경우가 있따.포인터는 메모리를 할당 받고 해당 공간을 기억하는 것이 가능CPP얕은 복사(shallow copy)한 객체

브라우저 동작 방법브라우저 주요 기능사용자가 선택한 자원을 서버에 요청, 브라우저에 표시자원은 html 문서, pdf , image 등 다양한 형태자원의 주소는 URI에 의해 정해짐브라우저는 html과 css 명세에 따라 html 파일을 해석해서 표시함이 '명세'는 웹

Cookie & Session저장위치쿠키 : 클라이언트의 웹 브라우저가 지정하는 메모리 or 하드디스크세션 : 서버의 메모리에 저장만료시점쿠키: 저장할 때 expires 속성을 정의해 무효화시키면 삭제될날짜 정할 수 있음세션: 클라이언트가 로그아웃하거나, 설정 시간동안

Web Server와 WAS의 차이Static Pages 웹 서버는 파일 경로 이름을 받고, 경로와 일치하는 file contents를 반환함항상 동일한 페이지를 반환함Dynamic Pages인자의 내용에 맞게 동적인 contents를 반환함웹 서버에 의해 실행되는 프

UI (User Interface)사용자가 앱을 사용할 때 마주하는 디자인, 레이아웃, 기술적인 부분UX (User Experience)앱을 주로 사용하는 사용자들의 경험을 분석하여 더 편하고 효율적인 방향으로 프로세스가 진행될 수 있도록 만드는 것이다.CSR: Cli

Design Pattern 개요일종의 설계 기법이며, 설계 방법이다.목적SW 재사용성, 호환성, 유지보수성을 보장특징디자인 패턴은 아이디어임, 특정한 구현이 아님프로젝트에 항상 적용해야 하는 것은 아니지만, 추후 재사용, 호환, 유지 보수시 발생하는 문제 해결을 예방하

좋은 코드란 무엇일까?\-읽기 쉬운 코드\-중복이 없는 코드\-테스트가 용이한 코드 등등...프로젝트 팀원 간의 그라운드 룰(Ground rule)1\. Naming2\. Directory코드 간의 의존성을 고민하자.합의된 규칙으로 일관성있게 작성하자적절하게 확장 가능

Array vs Linked ListArray 가장 기본적인 자료구조인 Array 자료구조는, 논리적 저장 순서와 물리적 저장 순서가 일치한다. 따라서 인덱스(index)로 해당 원소(element)에 접근할 수 있다. 그렇기 때문에 찾고자 하는 원소의 인덱스 값을 알

HTTP 의 GET 과 POST 비교둘 다 HTTP 프로토콜을 이용해서 서버에 무엇인가를 요청할 때 사용하는 방식이다. 하지만 둘의 특징을 제대로 이해하여 기술의 목적에 맞게 알맞은 용도에 사용해야 한다.GET우선 GET 방식은 요청하는 데이터가 HTTP Request

프로세스와 스레드의 차이프로세스: 실행 중인 프로그램으로 디스크로 부터 메모리에 적재되어 CPU의 할당을 받을 수 있는 것프로세스 제어 블록(Process Control Block, PCB)PCB 는 특정 프로세스에 대한 중요한 정보를 저장프로세스의 생성과 동시에 고유

동기와 비동기의 차이비유를 통한 쉬운 설명\`해야할 일'이 빨래, 설거지, 청소 세 가지가 있다고 가정한다. 이 일들을 동기적으로 처리한다면 =>빨래 하고 설거지하고 청소를 한다비동기적으로 일을 처리한다면 빨래하는 업체에게 빨래를 시키고 설거지 대행 업체에 설거지를 시

GraphQL - Tutorialhttps://www.youtube.com/watch?v=Y0lDGjwRYKw&list=PL4cUxeGkcC9iK6Qhn-QLcXCXPQUov1U7fserver - jsclient - reactwhat is GraphQL?Gra

fullMERNserver / clienthttps://github.com/kanngji/fullMERN이 프로젝트를 하면서 공부한것12월 12일cors = 브라우저에서 다른 출처의 리소스를 공유하는 방법입니다. helmet = Express 사용시 헤더의 설

몇 일 전까지만 하더라도 잘 되던 DJango가...WinError 123] 파일 이름, 디렉터리 이름 또는 볼륨 레이블 구문이 잘못되었습니다: ''라는 오류 발생.구글링 끝에 파일 내에 철자가 틀려서 나온 .. 에서 include('pybo.urls')여야 하는

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.const arr = 1,2,3;const newArr = arr.map(x=>x\*2);console.log(newArr)// 2,4,6find() 메서