- 전체보기(98)
- React(17)
- typescript(12)
- apollo(11)
- Database(10)
- graphql(10)
- next.js(8)
- python(8)
- JavaScript(7)
- Node(7)
- PostgreSQL(7)
- multicore(6)
- frontend(5)
- sql(5)
- MachineLearning(4)
- Java(4)
- postgres(4)
- network(4)
- docker(4)
- colab(4)
- Prettier(3)
- yarn(3)
- plpgsql(3)
- React Hooks(3)
- styled components(3)
- nextjs(3)
- Vercel(3)
- Thread(2)
- async(2)
- TOAST UI(2)
- learning(2)
- heroku(2)
- blockchain(2)
- cs229(2)
- Web Server(2)
- server(2)
- npm(2)
- Software Engineering(2)
- Backend(2)
- socket(2)
- react.js(2)
- machine(2)
- git(2)
- ESLint(2)
- electron(2)
- ubuntu(2)
- 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)
- CertBot(1)
- webpack(1)
- threading(1)
- anaconda(1)
- virtual(1)
- gcloud(1)
- ssh(1)
- exe(1)
- functional programming(1)
- psql(1)
- https(1)
- Nginx(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)
- yarn-berry(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)
- 정리(1)
- pickle(1)
Apollo server(TypeScript) + PostgreSQL + Docker 백엔드 환경 구성하기
macOS 11.5 Node.js 18.2 Yarn 3.2 Git 2.36 Docker 20.10
Next.js HTTPS 적용하기
/etc/nginx/sites-available 경로에 도메인 파일을 만들어서 위 내용을 적절히 바꿔 입력해줍니다.매일 정오에 서버의 인증서가 다음 30일 이내에 만료되는지 확인하고 만료되면 갱신하는 명령을 실행합니다. --quiet 은 certbot이 출력을 생성하지
Toast UI Error - There is no text key "OK" in en-US
plugins={\[colorSyntax]} 부분을 삭제했다.
Toast UI Error - Module not found: Can't resolve 'prosemirror-transform'
.yarnrc.yml 파일에 명시적으로 의존성 추가.yarnrc.yml 변경사항 반영
PL/pgSQL function vs procedure
암시적 Transaction으로 간주된다.함수 내용 중간에 commit, rollback을 하지 못한다.out 매개변수를 사용할 수 있다.return 형식을 지정할 수 있다.함수 내용 중간에 commit, rollback을 할 수 있다.out 매개변수를 사용할 수 없다
Next.js에서 SVG 파일 불러오는 방법
1. SVG 파일 그대로 불러오기 2. Webpack next.config.js A.tsx 3. React.js 컴포넌트로 변환하기 HomeIcon.tsx
CORS
https://evan-moon.github.io/2020/05/21/about-cors/SOP는 지난 2011년, RFC 6454에서 처음 등장한 보안 정책으로 말 그대로 “같은 출처에서만 리소스를 공유할 수 있다”라는 규칙을 가진 정책이다.그러나 웹이라는
JavaScript 비동기 - forEach vs for
비동기는 실행 순서에 유의해아 한다.아래 두 상황에서 공통적으로 쓰이는 함수Done!이 먼저 출력되고 300ms 간격으로 1, 2, 3이 출력된다.300ms 간격으로 1, 2, 3이 먼저 출력되고, 마지막에 Done!이 출력된다.
Yarn berry 도입기
.yarnrc.yml 파일이 생성됩니다..yarn/releases/yarn-berry.cjs 파일이 생성됩니다.프로젝트에서 TypeScript를 사용하는 경우 Yarn berry와 호환될 수 있도록 위 플러그인을 설치합니다.TypeScript + PnP quick st
Compute Engine에 Docker 기반 PostgreSQL 서버 구축하기
이번 글에선 GCP Compute Engine에 Docker 기반 PostgreSQL 서버가 작동하는 인스턴스를 생성하고, 외부에서 접속할 수 있는 환경을 만들어 보려고 합니다. 이 글을 따라하기 전에 우선 GCP 계정을 만들어야 합니다.GCP Compute Engin
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 주소 대역은 호스트 외부 네트워크로부터 패킷
Google Cloud Console CLI
GCP 계정, 프로젝트, 기본 리전 선택GCP CLI 관련 모든 컴포넌트 업데이트현재 GCP CLI 버전 출력GCP CLI에 설치된 컴포넌트? 목록 출력GCP Compute Engine에 SSH 접속하기
Docker의 chroot 이해하기
도커는 내부적으로 리눅스의 LXC 라이브러리를 사용하는데, LXC는 내부적으로 namespace, cgroup, chroot 리눅스 API를 사용합니다. 이 중에서 `chroot`를 사용하면 특정 프로세스 내부적으로 `/`로 지정된 디렉토리 밖으로 접근하는 것을 방지할
데이터베이스 메모리 버퍼
우리가 데이터베이스에 SQL 요청을 보내면 DBMS가 디스크에 접근해서 해당하는 데이터를 가져오는데, 디스크 접근 시 데이터 입출력은 디스크 블록 단위로 이뤄집니다. 하지만 디스크 입출력은 메모리 연산에 비해 시간이 오래 걸리기 때문에(일반적으로 디스크 연산이 몇 천
Docker 명령어
도커를 사용하면 서버 구축 환경 설정과 서버 자원 관리를 자동화할 수 있습니다. 도커는 이미지와 컨테이너 개념을 활용하는데, Dockerfile을 통해 서버 환경 설정 과정을 코드로 관리하여 서버 구축 과정을 자동화할 수 있고, 이미지와 컨테이너를 통해 서버 자원을 자
데이터베이스와 파일 구조
힙(Heap)은 번역하면 더미라는 뜻으로서, 레코드가 파일의 빈 공간에 아무런 순서 없이 저장된 구조입니다. 보통 레코드가 한번 저장되면 위치가 변하지 않기 때문에 어느 파일에 어느 정도의 빈 공간이 있는지 확인할 수 있도록 빈 공간에 대한 정보를 따로 관리하기도 합니
데이터베이스와 디스크 구조
저장 공간은 크게 휘발성 저장 공간과 비휘발성 저장공간으로 나뉩니다. 휘발성 저장 공간인 메모리는 전원 공급이 차단되면 가지고 있는 데이터가 모두 사라지기 때문에, 데이터베이스는 전원 없이도 데이터를 저장할 수 있는 비휘발성 저장 공간인 디스크(예: SSD, HDD)에
Atomic Design
디자인 패턴이라는 것은 공통되는 코드를 여러 곳에서 재사용하기 위해서 존재합니다. Atomic 디자인도 코드 재사용 및 원활한 코드 유지보수를 도와주는 객체지향 프로그래밍의 SOLID 원칙과 맥락이 비슷합니다.
수능 모의고사 웹사이트 서버 구축
코로나 19가 장기화 되어 대면 수업이 축소화 되면서 모의고사 및 수능 시험 연습이 어려워진 학생들을 위해, 비대면으로 모의고사를 진행하여 갑작스러운 온라인 시험에도 높은 수준의 성적을 얻게 하기 위해서 프로젝트를 진행했..다곤 하지만 토이 프로젝트로 할 간단한 주제를