profile
이유와 방법을 알려주는 메모장 겸 블로그. 블로그 내용에 대한 토의나 질문은 언제나 환영합니다.
태그 목록
전체보기 (94)React(17)typescript(11)graphql(10)apollo(10)Database(10)next.js(8)python(8)Node(7)JavaScript(7)PostgreSQL(6)multicore(6)frontend(5)sql(5)postgres(4)MachineLearning(4)network(4)Java(4)colab(4)docker(3)plpgsql(3)Prettier(3)styled components(3)Vercel(3)React Hooks(3)yarn(3)ubuntu(2)learning(2)Software Engineering(2)blockchain(2)cs229(2)Web Server(2)heroku(2)git(2)server(2)socket(2)machine(2)react.js(2)ESLint(2)electron(2)npm(2)async(2)Thread(2)정리(1)pickle(1)useEffect(1)useState(1)JOIN(1)B+TREE(1)locahost(1)PowerShell(1)Merge sort(1)composition(1)node.js(1)for(1)SOLID(1)windows(1)useDebugValue(1)github pages(1)LF(1)webpack(1)threading(1)Backend(1)anaconda(1)virtual(1)gcloud(1)ssh(1)exe(1)functional programming(1)psql(1)REST API(1)json(1)npx(1)Husky(1)foreach(1)heapsort(1)0.0.0.0(1)gh-pages(1)Buffer(1)String(1)architecture(1)State(1)useContext(1)useMemo(1)useReducer(1)useRef(1)mru(1)DOM(1)history(1)mysql(1)Custom Hooks(1)update(1)api server(1)runnable(1)Naver Maps(1)useCallback(1)CSR(1)SSR(1)file(1)page table(1)chatting(1)HigherOrderComponent(1)HoC(1)Virtual Box(1)nonblocking(1)cookie(1)express(1)ssg(1)atomic design(1)svg(1)rendering(1)template(1)JDBC(1)data structure(1)vscode(1)session(1)container(1)chroot(1)Code Convention(1)page(1)web(1)File IO(1)concurrency(1)Berry(1)cadvisor(1)127.0.0.1(1)disk(1)record(1)scp(1)API(1)warning(1)Compute Engine(1)py(1)OOP(1)unmounted(1)http(1)image(1)pyinstaller(1)atom(1)Cache(1)Curriculum(1)toss(1)quicksort(1)PORT(1)react hook form(1)client(1)router(1)hosting(1)GCP(1)CRLF(1)oracle(1)LRU(1)await(1)

PostgreSQL join

JOIN = INNER JOINLEFT JOIN = LEFT OUTER JOIN

2021년 11월 30일
·
0개의 댓글

PL/pgSQL function vs procedure

암시적 Transaction으로 간주된다.함수 내용 중간에 commit, rollback을 하지 못한다.out 매개변수를 사용할 수 있다.return 형식을 지정할 수 있다.함수 내용 중간에 commit, rollback을 할 수 있다.out 매개변수를 사용할 수 없다

2021년 11월 16일
·
0개의 댓글

Next.js에서 SVG 파일 불러오는 방법

1. SVG 파일 그대로 불러오기 2. Webpack next.config.js A.tsx 3. React.js 컴포넌트로 변환하기 HomeIcon.tsx

2021년 10월 25일
·
0개의 댓글

CORS

https://evan-moon.github.io/2020/05/21/about-cors/SOP는 지난 2011년, RFC 6454에서 처음 등장한 보안 정책으로 말 그대로 “같은 출처에서만 리소스를 공유할 수 있다”라는 규칙을 가진 정책이다.그러나 웹이라는

2021년 10월 6일
·
0개의 댓글

JavaScript 비동기 - forEach vs for

비동기는 실행 순서에 유의해아 한다.아래 두 상황에서 공통적으로 쓰이는 함수Done!이 먼저 출력되고 300ms 간격으로 1, 2, 3이 출력된다.300ms 간격으로 1, 2, 3이 먼저 출력되고, 마지막에 Done!이 출력된다.

2021년 10월 4일
·
0개의 댓글

Yarn berry 도입기

.yarnrc.yml 파일이 생성됩니다..yarn/releases/yarn-berry.cjs 파일이 생성됩니다.프로젝트에서 TypeScript를 사용하는 경우 Yarn berry와 호환될 수 있도록 위 플러그인을 설치합니다.TypeScript + PnP quick st

2021년 8월 17일
·
0개의 댓글
post-thumbnail

Compute Engine에 Docker 기반 PostgreSQL 서버 구축하기

이번 글에선 GCP Compute Engine에 Docker 기반 PostgreSQL 서버가 작동하는 인스턴스를 생성하고, 외부에서 접속할 수 있는 환경을 만들어 보려고 합니다. 이 글을 따라하기 전에 우선 GCP 계정을 만들어야 합니다.GCP Compute Engin

2021년 8월 4일
·
0개의 댓글

127.0.0.1 vs localhost vs 0.0.0.0

`127.0.0.0/8` IP 주소 대역은 호스트 내부 사용 용도로 예약되어 있습니다. `127.0.0.1`은 저 대역에 속하는 IP 주소 중 하나로서 `localhost`라고 불리기도 합니다. `127.0.0.0/8` IP 주소 대역은 호스트 외부 네트워크로부터 패킷

2021년 8월 2일
·
0개의 댓글

Google Cloud Console CLI

GCP 계정, 프로젝트, 기본 리전 선택GCP CLI 관련 모든 컴포넌트 업데이트현재 GCP CLI 버전 출력GCP CLI에 설치된 컴포넌트? 목록 출력GCP Compute Engine에 SSH 접속하기

2021년 8월 2일
·
0개의 댓글
post-thumbnail

Docker의 chroot 이해하기

도커는 내부적으로 리눅스의 LXC 라이브러리를 사용하는데, LXC는 내부적으로 namespace, cgroup, chroot 리눅스 API를 사용합니다. 이 중에서 `chroot`를 사용하면 특정 프로세스 내부적으로 `/`로 지정된 디렉토리 밖으로 접근하는 것을 방지할

2021년 7월 30일
·
0개의 댓글
post-thumbnail

데이터베이스 메모리 버퍼

우리가 데이터베이스에 SQL 요청을 보내면 DBMS가 디스크에 접근해서 해당하는 데이터를 가져오는데, 디스크 접근 시 데이터 입출력은 디스크 블록 단위로 이뤄집니다. 하지만 디스크 입출력은 메모리 연산에 비해 시간이 오래 걸리기 때문에(일반적으로 디스크 연산이 몇 천

2021년 7월 29일
·
0개의 댓글
post-thumbnail

Docker 명령어

도커를 사용하면 서버 구축 환경 설정과 서버 자원 관리를 자동화할 수 있습니다. 도커는 이미지와 컨테이너 개념을 활용하는데, Dockerfile을 통해 서버 환경 설정 과정을 코드로 관리하여 서버 구축 과정을 자동화할 수 있고, 이미지와 컨테이너를 통해 서버 자원을 자

2021년 7월 29일
·
0개의 댓글
post-thumbnail

데이터베이스와 파일 구조

힙(Heap)은 번역하면 더미라는 뜻으로서, 레코드가 파일의 빈 공간에 아무런 순서 없이 저장된 구조입니다. 보통 레코드가 한번 저장되면 위치가 변하지 않기 때문에 어느 파일에 어느 정도의 빈 공간이 있는지 확인할 수 있도록 빈 공간에 대한 정보를 따로 관리하기도 합니

2021년 7월 27일
·
0개의 댓글
post-thumbnail

데이터베이스와 디스크 구조

저장 공간은 크게 휘발성 저장 공간과 비휘발성 저장공간으로 나뉩니다. 휘발성 저장 공간인 메모리는 전원 공급이 차단되면 가지고 있는 데이터가 모두 사라지기 때문에, 데이터베이스는 전원 없이도 데이터를 저장할 수 있는 비휘발성 저장 공간인 디스크(예: SSD, HDD)에

2021년 7월 26일
·
2개의 댓글
post-thumbnail

Atomic Design

디자인 패턴이라는 것은 공통되는 코드를 여러 곳에서 재사용하기 위해서 존재합니다. Atomic 디자인도 코드 재사용 및 원활한 코드 유지보수를 도와주는 객체지향 프로그래밍의 SOLID 원칙과 맥락이 비슷합니다.

2021년 7월 20일
·
0개의 댓글
post-thumbnail

수능 모의고사 웹사이트 서버 구축

코로나 19가 장기화 되어 대면 수업이 축소화 되면서 모의고사 및 수능 시험 연습이 어려워진 학생들을 위해, 비대면으로 모의고사를 진행하여 갑작스러운 온라인 시험에도 높은 수준의 성적을 얻게 하기 위해서 프로젝트를 진행했..다곤 하지만 토이 프로젝트로 할 간단한 주제를

2021년 7월 19일
·
0개의 댓글
post-thumbnail

PL/pgSQL 공부 - 변수

블록에서 사용되는 모든 변수는 블록의 DECLARE 안에 선언되어야 합니다. PL/pgSQL의 변수는 integer, varchar, char와 같은 임의의 SQL 데이터 타입을 가질 수 있으며 예시는 다음과 같습니다. 변수 선언의 일반 구문은 다음과 같습니다.

2021년 7월 12일
·
0개의 댓글
post-thumbnail

PL/pgSQL 공부 - 함수

PL/pgSQL은 PostgreSQL 데이터베이스를 위한 로드 가능한 절차적 언어입니다. PL/pgSQL은 함수, 프로시저 및 트리거를 만드는 데 사용할 수 있습니다. 그리고 SQL 언어에 제어 구조를 추가하고, 복잡한 계산을 수행할 수 있으며, 모든 사용자 정의 유형

2021년 7월 12일
·
0개의 댓글
post-thumbnail

바닥부터 프론트엔드 배포하기

Next.js 프레임워크를 기반으로 프로젝트를 설정한 후 Vercel에 배포하는 과정까지의 여정을 담았습니다. 프로젝트에 이 파일이 왜 존재하고 왜 이런 패키지가 설치되는지 궁금한 사람에게 도움이 됐으면 좋겠습니다. 🙌🙌🙌

2021년 7월 7일
·
0개의 댓글

프론트엔드 개발자 교육과정

1년간 프론트엔드를 공부하며 참고했던 문서를 정리했습니다. '필수'로 표시된 문서엔 이 프로젝트를 개발하는데 필요한 지식이 담겨있기 때문에 꼭 읽어 보고, 그 외 문서는 시간날 때 들어가서 읽는 것을 권장합니다. 문서를 읽을 땐 아는 내용은 건너뛰고 모르는 부분

2021년 7월 2일
·
2개의 댓글