TIL 리스트

첫 날이라 처음해보는 것이 하도 많아서 정신이 없다.내일부터 하나씩 부딪치면서 해결해나가는 수밖에 없겠지....일단 도전을 하기로 한거 다시는 후회가 없도록 5개월만 죽도록 해보자..오늘 자기전 할일 사전 공지 등 재확인.유튜브 - 생활코딩 자바스크립트 시청.마음 다잡

학습 내용가. 변수변수는 선언과 데이터의 할당이 필요'=' 할당 연산자let num; // 변수의 선언num = 10 ; // 데이터 할당let num = 10 ; // 키워드 변수이름 = 데이터(값)키워드 의 정류var : 과거에 사용하던 방식 이라 하나 아직도 많이

학습내용HyperText Markup Languag웹페이지의 틀을 만드는 마크업 언어문서의 구조를 위한 문서< > TAG 들의 집합 문서도움이 되는 동영상 강의유튜브 - 생활코딩 WEB1-HTML & Internet기본 문서 구조문법 사항
가. <div> a

학습내용

학습내용조건문어떠한 조건을 판별하는 기준을 만드는 것반드시 비교 연산자가 포함되어 있어야 한다.비교연산자의 결과는 항상 Boolean, 즉 true 또는 false 이어야 한다.비교연산자의 종류 \_ >, <, >=, <= ===, !==(==, !=) 은

학습내용인덱스문자열의 하나하나 혹은 배열의 하나하나를 칭함.문자열의 인덱스는 읽기는 가능하지만 할당은 불가능.length (속성이라 부름.)전체 길이를 반환str.length : 문자열의 전체 길이를 반환 // arr.length : 배열의 전체 길이를 반환ex) le

학습내용반복문1\. for 문2\. while 문이론은 특별한것 없음.다만 상황,문제별 적용하기 위하여 변수를 고려하여 적용미비한 점break, continue 관련 개념 찾아서 공부하기느낀점쉬운건 없다. 전체 상황을 보고 가정을 잘 세워야 한다. 이를 위해 스도코드(

학습내용CSS웹페이지의 디자인을 담당.id 활용 : 한개의 태그에만 적용class 활용 : 여러개의 태그에 다수 적용디자인 적용 방법인라인 스타일내부 스타일 시트외부 스타일 시트margin(바깥여백) - border(테두리) - padding (안쪽 여백) - cont

학습내용CLI : Command Line Interface (Linux 터미널을 통하여 명령어로 컴퓨터를 작동하는 체계)GUI : Graphic User Interface (흔히 윈도우 체계)프롬프트(Prompt) : 키보드의 입력을 확인하고 편질할수 있는 한줄의 공간

학습내용

학습 내용

학습내용박스형 모델과 그리드 라는 개념으로 구획을 나눌수 있다.미디어 쿼리를 배움으로써 반응형 디자인이라는 것을 알게 되었다.

학습 내용이전에 공부한 다양한 명령어들을 직접 사용해봄pair 분과 가상의 프로젝트 상황을 만들어 보고 직접 실습 진행conflict 상황을 만들어보고 직접 merge를 실행해봄.

학습 내용

학습 내용

학습 내용div 태그와 똑같은 역할이지만 역할을 쉽게 파악할수 있도록 이름에 의미를 담은 것.

학습 내용

학습 내용클론 코딩 유튜브 진행CSS & HTMl 연습 진행

학습 내용1.Spread 문법

학습 내용Document Object Module 의 약자HTML 요소를 객체(Object)처럼 조작할 수 있는 Model즉 자바스크립트를 이용하여 HTML 문서를 조작하는 방법

학습 내용함수는 자바스크립트에서 특별한 대우를 받는 일급객체이다.일급 객체로써의 함수 특징\-- 변수에 할당(assignment) 할 수 있다.\-- 다른 함수의 인자(argument)로 전달될 수 있다.\-- 다른 함수의 결과로서 리턴될 수 있다.변수에 함수를 할당하

학습 내용프론트앤드 개발을 위한 Javascript 오픈소스 라이브러리웹 페이지 하나를 만들기 위해 HTML, CSS, JS 로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용JSX(Javascript XML) = JS + HTML 결합된 문

학습 내용3\. React 복습 - 너무 어렵다!!!!

학습 내용Single Page Application전통적인 웹사이트 : 웹페이지에서 다른 페이지로 이동하면 HTML 파일로 된 "페이지 전체"를 불러와야만 함.SPA 에서는 변경된 부분만 다시 불러와 효율적서버로부터 완전한 새로운 페이지를 불러오지 않고 페이지 갱신에

코드 스테이츠 Section1 을 마치며....어찌어찌 눈앞에 놓인 문제를 해결하다 보니 벌써 5주차가 끝났고 Section1 을 끝마치게 되었다.5주를 뒤돌아서 생각해본다면 새로운 세계를 만난 기분이다.이때까지 살면서 전공인 전기를 공부하면서 익힌 공부하는 방법 등이

학습 내용하나의 모델이 되는 청사진(설계도)을 만들고(=class), 그 청사진을 바탕으로 한 객체(object)를 만드는(=instance object) 프로그래밍 패턴.객체 지향 : 어떠한 컴퓨터 언어를 사용하던지, 그 언어를 적용할수 있는 일종의 '철학' 또는 '

학습 내용재귀(recursion) : 어떤 함수가 스스로 자신을 호출하는것주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우입력값과 출력값을 생각하면 목표를 정의하는데 도움이 됩니다.문제를

자료 구조자료구조란 여러 데이터들의 묶음을 저장하고, 사용하는 방법을 정의한 것입니다. 그 뿐만 아니라 데이터를 사용하려는 목적에 따라 형태를 구분하고, 분류하여 사용합니다.데이터를 정해진 규칙없이 저장하거나, 하나의 구조로만 정리하고 활용하는 것보다 데이터를 체계적으

클라이언트 - 서버 아키텍처클라이언트 - 서버 아키텍처 라고도 부름클라이언트(데이터를 사용하는 곳) 과 서버(데이터가 존재하는 곳) 을 분리시킨 것일반적으로 서버는 리소스를 전달해주는 역할만 담당 리소스를 저장하는 공간을 별도로 마련해 두는데, 이 공간을 '데이터베이

HTTPHTTP : HyperText Transfer ProtocolHTML 과 같은 문서를 전송하기 위한 Application Layer 프로토콜웹 브라우저와 웹 서버의 소통을 위해 디자인 되었음.클라이언트가 HTTP messages 양식에 맞춰 요청을 보내면, 서버

브라우저의 작동 원리(보이는 곳)<form> 태그를 이용한 페이지 전환과 요청에 따른 응답페이지 전환(form.html -> result.html)으로 인해 필요한 부분 뿐만이 아닌 페이지 전부를 로딩서버와 자유롭게 통신할 수 있고 (XMLHttpRequest(X

React의 개발 방식은 컴포넌트 단위로 개발을 시작하여 앱을 제작하는 상향식(bottom-up)개발 입니다. 장점으로는 테스트가 쉽고, 확장성이 좋습니다.단방향 데이터 흐름(one-way data flow)컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치

node.js에서는 HTTP 요청을 보내거나, 응답을 받을 수 있는 도구를 제공합니다.HTTP 요청을 처리하고 응답을 보내주는 프로그램을 웹 서버(Web Server)라고 부릅니다.node.js의 http 모듈을 이용해 웹 서버를 만듭니다. node.js에서 파일을 읽

컴포넌트 단위로 개발하기부품 단위로 UI 컴포넌트를 만들어 나가는 개발단위별 컴포넌트를 생성하고 다수의 컴포넌트를 조합하여 하나의 페이지를 완성https://storybook.js.org/Component-Driven Development 을 하기 위한 도구각

변하는 데이터UI에 동적으로 표현될 데이터로컬 : 특정 컴포넌트 안에서만 관리되는 State(상태)전역 : 프로덕트 전체 혹은 여러 컴포넌트에서 관리되는 State(상태)다른 컴포넌트와 State(상태) 를 공유하고 영향을 끼치고 받는 State(상태) 서로 다른 컴포

사용 권한d : directory(폴더)'-' : file(파일)명령어 chmod 를 통하여 폴더나 파일의 읽기, 쓰기, 실행 권한을 변경할 수 있습니다.

시간 복잡도효율적인 알고리즘을 구현한다는 것은 시간 복잡도를 효율적으로 작성했다는 것입력값이 커짐에 따라 증가하는 시간의 비율(시간 복잡도)을 최소화한 알고리즘시간 복잡도는 주로 빅-오 표기법으로 표현합니다.Big-O 표기법종류 : O(1), O(N), O(logN),

최대 공약수유클리드 호제법순열중복 상관 없을 시중복 상관 있을 시

SQL = Structured Query Language (구조화된 Query 언어)관계형 데이터베이스에 사용되는 프로그래밍 언어데이터 베이스에 쿼리를 보내 원하는 데이터를 가져오거나 삽입할 수 있습니다.구조화가 되어 있는 데이터 베이스 : SQL (ex : MySQ

테이블(table_name)에서 원하는 특성(column1, column2)의 데이터를 모두 가져온다.테이블(table_name)에서 원하는 특성(column1, column2)의 데이터 중 개별 값 한개씩 가져온다.2\. SQL DATABASE 문법

사전에 정의된 열의 데이터 타입대로 작성된 데이터가 행으로 축척됩니다.각 항목에 저장되는 값테이블의 한 열을 가리킵니다.테이블의 한 행에 저장된 데이터테이블의 각 레코드를 구분할 수 있는 값.하나의 레코드가 다른 테이블의 한개의 레코드와 연결된 경우User 테이블의 p

SQL GUI Support Toolhttps://dev.mysql.com/doc/workbench/en/동영상 강좌https://www.youtube.com/watch?v=vgIc4ctNFbc상기 동영상 강좌 데이터 베이스https://de

mysql 모듈데이터베이스와 서버 인스턴스를 연결하기 위한 mysql 모듈공식 문서https://www.npmjs.com/package/mysql

MVCModel, View, Controller 의 약자기능 별로 파일들을 구별하여 설계(작성)하기 위하여 고려된 디자인 설계 컨셉(패턴)Database 와의 상호작용을 위한 내용이 담겨 있는 파일db 에 어떤 자료를 요구하는 쿼리문등이 담겨 있는 함수가 있음.HTML

ORM 설정공식 문서 : https://sequelize.org/master/<span style = "background-color : 마이그레이션을 할 수 있도록 돕는 툴로, CLI에서 모델을 생성해주거나, 스키마 적용을 할 수 있도록 돕습니다.프로젝

Controller 작성

Advancedusers table 을 만들어보세요. 필드는 자유롭게 디자인하세요users 와 urls 는 1:N 관계여야 합니다. 그러기 위해서는, 새 마이그레이션 파일(Migration Skeleton)을 생성해서 urls 에 userId 필드를 만드세요. 이 마이

HTTPSHTTPS = HTTP + SECUREHTTP 프로토콜 내용을 암호화특징데이터 제공자 시원 보장도메인 종속서버로부터 응답(인증서 포함)을 받으면 클라이언트는 응답객체의 도메인과 인증서의 도메인을 비교하여 일치하는지 확인한다.공인 인증서 발급기관각각의 브라우저는

인증서HTTPS 통신에서 인증서는 매우 중요한 역할을 담당합니다.mkcert 라는 프로그램을 이용하여 로컬환경에서 신뢰할 수 있는 인증서를 만들 수 있습니다.key.pem : HTTPS 서버의 개인키(비밀키)로 사용됩니다.cert.pem : 인증서 로써 HTTPS 서버

환경 변수 설정시작하기에 앞서 .env.example 파일이름을 .env로 바꾼다음 데이터베이스 관련 환경변수를 설정해야 합니다.env (아이디, 비번) 내용 작성db 수동으로 생성데이터베이스 마이그레이션시퀄라이즈 마이그레이션 및 시드를 적용하거나 직접 데이터베이스를

세션 기반 인증 (Session-based Authentication)로그인을 성공하면 서버는 세션 아이디(session_id)를 쿠키에 담아 클라이언트에 보내주게 됩니다.이후 클라이언트는 요청시마다 쿠키에 세션 아이디를 담아서 보내주게 되고, 서버는 해당 클라이언트가

Serverrequest로부터 받은 userId, password와 일치하는 유저가 DB에 존재하는지 확인합니다.일치하는 유저가 없을 경우: 로그인 요청을 거절합니다.일치하는 유저가 있을 경우:필요한 데이터를 담은 두 종류의 JWT(access, refresh)를 생성

문자열유니코드 협회가 제정하는 전 세계의 모든 문자(영어를 포함하는 전 세계 모든 문자)를 컴퓨터에서 일관되게 표현하고 다룰 수 있도록 설계된 산업 표준ASCII 란?유니코드가 개발되기 이전 미국에서 개발된 영문 알파벳을 컴퓨터에서 일관되게 표현하고 다룰 있게 만든 표

네트워크 구분IP (인터넷 프로토콜)네크워크상의 클라이언트와 서버 간의 통신은IP(인터넷 프로토콜) 주소를 컴퓨터에 부여하여 이를 이용해 통신합니다.IP는 지정한 IP주소(IP Address)에 패킷(Packet)이라는 통신 단위로 데이터 전달을 합니다.패킷은 출발지

HTTPHTTP/1.1, HTTP/2 는 TCP 기반이며HTTP/3는 UDP 기반 프로토콜 입니다.클라이언트가 서버에 요청을 보내면 서버는 그에 대한 응답을 보내는 구조서버가 클라이언트의 상태를 기억하지 않음.상태를 기억하지 않기에 다수의 서버에서 클라이언트의 요청을

Cloud데이터 센터에서는 서버의 자원과 공간, 네트워크 환경을 제공합니다.(이러한 환경을 온프레미스 라고 부릅니다.)현대의 클라우드 컴퓨팅은 데이터 센터와 비슷한 역할을 하지만 물리적인 컴퓨터가 아닌, 가상 컴퓨터를 대여한다는 점이 다릅니다.장점필요할 때마다 컴퓨팅

EC2 인스턴스 생성/연결인스턴스 생성 시작AMI(사용할 운영체제) 선택키 페어 생성 및 다운로드 => 원격으로 인스턴스에 접속하기 위하여 필요파일명.pem 으로 인증서와 유사하다.pem 파일에 누구나 접근할 수 있는 권한이 부여되어 있다면 인스턴스는 연결을 거부하기에

클라이언트 배포 과정은 크게 4단계로 요약됩니다.정적 웹 페이지 빌드버킷 생성 및 설정정적 웹 페이지 업로드퍼블릭 액세스 차단 해제 및 정책 생성npm run build 를 통하여 빌드 실행빌드 파일 생성버킷 생성정적 웹사이트 호스팅용 으로 설정빌드한 파일 업로드퍼블

RDS 페이지에 가서 데이터 베이스 생성데이터베이스 이름, 접속 아이디, 접속 비번 생성외부 액세스 및 포트 번호 설정초기 테이블 이름 설정터미널에서 아래 명령어로 접속

공식문서 : https://docs.docker.com/engine/reference/commandline/container_run/이미지 가져오기