공부로그

오늘의 주제는 ELK Kafka Redis AWS (Lambda, S3, CloudFront, Route53)

thumbnail컴퓨터에게 명령을 내릴 수 있도록 도와주는 도구사람언어를 컴퓨터 언어로, 컴퓨터 언어를 사람언어로 바꾸어 주어야 하는 통역기가 필요함프로그래밍(코딩) => 컴파일러 => 컴퓨터(기계어)0과 1로 이루어진 2진법 기계어컴퓨터는 전기를 활용하여 내부의 수많

LAN(Local Area Network) < MAN(Metropolitan) < WAN(Wide)LAN : 작은 지역 (아파트, 커피숍 등)MAN : LAN을 연결한 도시WAN : 도시와 도시, 나라와 나라를 연결\*\* 유선을 벗어나 무선을 만들어 냄

클라이언트의 요청을 구분할 수 있도록 하는 체계운영체제 혹은 다른 애플리케이션과 상호 작용하기 위해 정의된 약속을 쓰는 인터페이스API를 만들 때는 데이터를 주고 받는 기능도 들어가기때문에 API를 통해 요청과 응답을 주고 받을 때는 데이터도 같이 담긴다.HTTPReq

설치해서 사용하는 모든 프로그램 (데스크톱: 응용프로그램, 스마트폰: 앱)버전은 점(.)을 기준으로 3부분으로 나눈다=> 보통 하위버전 하위 버전과 호환 가능하지 않은 큰 변화 . 호환가능한 큰 변화 . 작은변화 ex)1.0.2사용자가 업데이트를 해야만 수정사항이 반

여러 사람이 공유하여 사용할 목적으로 통합, 관리하는 데이터의 집합(공용 데이터 묶음)데이터 중복 최소화데이터 공유일관성, 무결성, 보안성 유지최신의 데이터 유지데이터의 표준화 가능데이터의 논리적, 물리적 독립성용이한 데이터 접근데이터 저장 공간 절약데이터베이스 전문가

통신 기술과 컴퓨터 기술의 결합컴퓨터와 컴퓨터간의 연결 (수십억대의 컴퓨터를 모두 연결하는 네트워크 기술)인터넷에는 웹 뿐만아니라 Email, IRC 등.. 다른 서비스도 존재인터넷 네트워크를 이용하여 통신되는 정보의 집합인터넷을 통해 웹 서비스를 제공Tim Berne

git VCS, Version Control System (version : 수정사항을 효율적으로 나타내주는 것) 코드 버전 관리를 하는 이유? 수정할 때 마다 파일을 새로 만들면 관리가 힘들기 떄문에 언제든 이전 버전의 코드로 돌아갈 수 있기 때문에 이력을 남기기

명령어 pwd(Print Working Directory) : 현재 위치(경로) 출력 ~ : home Directory cd(Change Directory) : 디렉토리 이동 ls(List Segments) : 현재 위치 파일 목록 출력 => ls -a 옵션을 붙

HTTP 웹 서비스의 핵심 프로토콜 우리는 어떻게 소통 하는가 ? >- HT : HTML(Hyper Text Markup Language) Hyper Text = 문서와 문서가 링크로 연결되어 있음 T : Transfer 전송하다 = 물건이나 편지따위를 보내다 HT

Database(DB) : 우리가 사용하는 정보의 총 집합 (데이터 모음집) DBMS(Database Management System) : 데이터베이스 관리 시스템 => 데이터를 사람이 볼 수 있는 형태로 보여주는 것 운영체제 ? 하드웨어와 사람 사이(인터페이스)

작업중이던 브랜치에서 다른 브랜치로 넘어가기 전에 commit을 하지 않으면 넘어가지지 않아서 항상 commit을 하고 넘어갔었다.불필요한 commit을 하기 싫었는데, 그럴 때 사용할 수 있는 git stash를 알게된 것!마무리되지 않은 작업을 스택에 잠시 저장 해

Representational State Transfer 웹상에서 사용되는 여러 리소스를 HTTP URI로 표현하고 그 리소스에 대한 행위를 HTTP Method로 정의하는 방식 리소스(HTTP URI로 정의된)를 어떻게 한다를 구조적으로 깔끔하게 표현 장점 : s

Rebase Git Flow Main(v1.0.0) - (Release) - Develop - Feature Main : Release에서 Main으로 넘어온 이후에 발견된 문제는 Hotfix 브랜치 생성하여 바로 고쳐서 적용해줌 > 이후 다시 작업하는 브랜치(D

CSR Client Side Rendering 서버에서 처리 없이 클라이언트에서 렌더해야 하기 때문에 자바스크립트가 모두 다운되고 실행이 끝나기 전까지 사용자는 볼 수 있는게 없다. 단계 웹사이트 요청 서버에서 요청에 응답 클라이언트는 HTML과 JS를 다운로드 받

CSR / SSG / ISR / SSR, 4가지 렌더링 방식에대해서 정리해보자

스키마(데이터 모델) 생성하고 클라우드에 콘텐츠 저장할 수 있으며 API를 통해 콘텐츠에 액세스 가능클라우드에는 스키마파일로 만든 구조의 DB가있고 Sanity Studio를 사용하여 쉽게 DB 관리할 수 있도록 도와줌API를 제공하여 웹에서 사용 가능하지만 프론트엔드

dev로 보면서 작업 하다가 build & start를 해서 보면 google 로그인 버튼이 사라졌다..터미널의 에러를 확인해보니이런식으로 나오며 주어진 에러확인 링크(https://next-auth.js.org/errors하지만 건드리질 않았는데 왜이러는건지

SEO(검색엔진 최적화: Search Engine Optimization)웹사이트는 검색엔진 노출이 매우 중요검색엔진은 매일 전 세계의 웹사이트를 크롤링하며 검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 인덱싱한다.크롤링 : 로봇(Robot)이라는 프로그램을

그동안은 prop으로 받아쓰기 편해서 스타일컴포넌트를 주로 이용하였었다.이번에 사이드프로젝트를 하며 모듈css로 사용하기로 하며 그래도 css보단 sass가 편하니까 sass로 작업하기로!(자주 사용하는 스타일을 mixin으로 사용해봤지만 다른것들은 잘 사용하지 않았었

next14에서 로직을 분리하면서 혼돈을 겪고있는 상황에 머릿속 정리겸 공부내 언어로 풀어서 기록하며 기본부터 정리해보자...(틀린건 댓글로 알려주시면 감사하겠습니다)"use client" 명시해준 컴포넌트뷰를 그리고 데이터 호출을 통해 추가 뷰를 그려야 한다면, 네트

타입이 중요한 언어 변수 지정 시 타입을 먼저 적고, 변수명 작성 클래스 객체(클래스) = 인스턴스 = 확장 가능한 기본값이라고 생각하자 내부에 어떤 변수들을 가질지 타입&변수명(멤버변수), 메서드 지정. 클래스는 반드시 생성자를 가져야하며, 생성자를 통해서 인스턴

build(){ } : 위젯 또는 중첩된 위젯 트리를 반환해야 한다. MaterialApp() : 생성자 함수이며 위젯이다. Widget 뷰를 그릴때 필요한 단위 앱 자체도위젯이고 컴포넌트도 위젯이라 불릴 수 있고 눈에보이지 않는 padding이나 column, ce

원티드 프론트엔드 프리온보딩 9월이 이벤트루프라 신청하였고,사전 과제인 영상을 보며 내가 생각하던 이벤트 루프에 대해 정리를 해보기로 했다.싱글 스레드 런타임 = 한번에 하나만 실행 = 싱글 콜 스택함수를 쌓아서 저장해둔다.가장 위쪽에 있는 함수부터 꺼내면서 실행된다.

특정 범위, 즉 요소의 개수가 정해진 배열에 내용을 채워넣는 것을 할 때에는배열을 먼저 생성하여 메모리 할당을 한번만 하고, 배열의 크기가 고정된 상태에서 추가 작업을 진행하는것이 효율적일 수 있다.적은 데이터면 큰 차이는 없겠지만 배열의 길이가 커질수록 차이는 보일테