Posts by Category

React

React Router - useHistory로 경로 설정

1 분 소요

render / component

2022.12.21 Hooks router useHistory 라우터 리액트

React Router에서 render와 component 차이

1 분 소요

render / component

2022.12.21 component render router 라우터 리액트

React 상태관리 라이브러리 zustand

1 분 소요

zustand 알아보기

2022.12.15 zustand 리액트 상태관리

React Query 알아보기

2 분 소요

리액트 쿼리 알아보기

2022.12.06 reactquery 리액트 리액트쿼리

Intersection Observer API 활용하여 React에서 무한스크롤 구현하기

3 분 소요

React 무한스크롤 (Infinite Scroll) 구현

2022.11.22 InfiniteScroll 리액트 무한스크롤

리액트 차트 라이브러리 Recharts 사용법

2 분 소요

React 차트 라이브러리 - Recharts

2022.11.10 Recharts 리차트 차트

리액트 조건부 렌더링 패턴 및 옵셔널 체이닝

1 분 소요

React Conditional Rendering Pattern & Optional-Chaining

2022.11.03 js optional-chaining 리액트 연산자 옵셔널체이닝 자바스크립트조건부렌더링 조건부렌더링

리액트 Redux 기초 개념 정리

2 분 소요

React redux 기초

2022.10.31 react redux 리덕스 리덕스기초 리액트

리액트 Hooks : useCallback()

최대 1 분 소요

useCallback 를 사용하여 함수 재사용하기

2022.08.28 Hooks useCallback useMemo 리액트

PureComponent와 React.memo

2 분 소요

리액트 성능개선, React.memo 현명하게 사용하기

2022.08.24 memo PureComponent React.memo

리액트 Hooks : useRef()

1 분 소요

useRef로 DOM 요소에 접근하기

2022.08.21 Hooks useRef 리액트

리액트 Hooks : useMemo()

3 분 소요

성능 최적화를 위한 useMemo 사용법

2022.07.17 Hooks Memoization react useMemo 리액트

리액트에서 styled-components로 스타일링 하기

1 분 소요

React styled-components 사용법

2022.07.06 component css react styled style 리액트

리액트 이벤트 핸들링

2 분 소요

React에서 이벤트 다루기

2022.07.04 event react 리액트 이벤트 이벤트핸들링

리액트 Hooks : useState()

1 분 소요

useState를 통해서 동적 상태관리하기

2022.06.27 Hooks react setState useState

맨 위로 이동 ↑

InfoProcessing

CH12. 제품 소프트웨어 패키징

2 분 소요

정보처리기사 - 제품 소프트웨어 패키징

2023.03.25 개발 정보처리기사 정처기 제품 제품소프트웨어패키징

CH11. 응용 SW 기초 기술 활용

5 분 소요

정보처리기사 - 응용 SW 기초 기술 활용

2023.03.19 개발 소프트웨어 응용SW 정보처리기사 정처기

CH10. 애플리케이션 테스트 관리

7 분 소요

정보처리기사 - 애플리케이션 테스트 관리

2023.03.14 개발 애플리케이션 정보처리기사 정처기 테스트

CH09. 소프트웨어 개발 보안 구축

8 분 소요

정보처리기사 - 소프트웨어 개발 보안 구축

2023.03.13 software 개발 보안 소프트웨어 정보처리기사 정처기

CH08. 서버 프로그램 구현

3 분 소요

정보처리기사 - 서버 프로그램 구현

2023.03.11 Server 개발 서버 서버프로그램구현 정보처리기사 정처기

CH07. SQL 응용

2 분 소요

정보처리기사 - SQL 응용

2023.03.09 SQL SQL응용 개발 정보처리기사 정처기

CH05. 인터페이스 구현

1 분 소요

정보처리기사 - 인터페이스 구현

2023.03.04 개발 인터페이스 인터페이스구현 정보처리기사 정처기

CH04. 통합 구현

2 분 소요

정보처리기사 - 통합 구현

2023.02.25 개발 정보처리기사 정처기 통합 통합구현

CH03. 데이터 입출력 구현

4 분 소요

정보처리기사 - 데이터 입출력 구현

2023.02.21 개발 데이터 데이터입출력구현 정보처리기사 정처기

CH02. 화면 설계

3 분 소요

정보처리기사 - 화면 설계

2023.02.21 개발 정보처리기사 정처기 화면 화면설계

CH01. 소프트웨어 개발 방법론

2 분 소요

정보처리기사 - 소프트웨어 개발 방법론

2023.01.29 개발 소프트웨어 소프트웨어개발방법론 정보처리기사 정처기

맨 위로 이동 ↑

Web

웹 브라우저 렌더링 종류와 차이점

2 분 소요

SSR, CSR, SSG, ISR에 대해서 알아보기

2023.09.05 CSR ISR SSG SSR 렌더링

Nginx랑 Apache의 차이 알아보기

1 분 소요

Nginx / Apache 차이는 무엇일까?

2022.11.30 ngnix 개발 웹 웹개발

Webpack 알아보기 & 설치방법

1 분 소요

오픈 소스 자바스크립트 모듈 번들러 Webpack

2022.11.17 Frontend Webpack 개발 웹팩

npm과 yarn의 차이는 무엇일까?

2 분 소요

npm vs yarn

2022.09.25 npm yarn 개발상식

파이어베이스(firebase)와 리액트로 간단하게 구글 로그인 구현하기

2 분 소요

파이어베이스 구글 로그인

2022.09.08 firebase 구글로그인 파이어베이스

파이어베이스(Firebase)란?

1 분 소요

파이어베이스에 대해 알아보기

2022.09.04 Firebase google 파이어베이스

Antd Table 컴포넌트 column render

최대 1 분 소요

앤트디자인 테이블 컴포넌트 사용

2022.08.15 ant design antd 웹개발

POSTMAN이란?

최대 1 분 소요

API 개발을 보다 빠르고 쉽게 구현 할 수 있도록 도와주는 POSTMAN

2022.07.18 API postman restapi 개발 포스트맨

Mac에서 MariaDB 및 GUI 툴 설치하기

1 분 소요

homebrew로 mariaDB를 설치하고 GUI툴인 sequel pro까지 설치하기

2022.07.12 db MariaDB SequelPro

리액트에서 UI 라이브러리 앤트 디자인(Ant Design) 사용하기

1 분 소요

React UI 라이브러리 Ant Design

2022.06.27 antdesign design react ui web

맨 위로 이동 ↑

Git

Git - fatal: Unable to create ‘~~/.git/index.lock’: File exists. 에러 해결

최대 1 분 소요

Git 에러 해결 방법

2023.10.04 fatal github Git 깃 에러해결

Git - Git bash에서 로그인한 계정 변경 방법

최대 1 분 소요

Git bash 로그인 계정 변경

2022.12.01 github login 계정 깃

Git - Stash 사용법

최대 1 분 소요

git stash 사용하여 변경 사항 저장 및 꺼내기

2022.11.17 commit stash 깃 커밋

Git - Rebase 알아보기

1 분 소요

Git 브랜치 Rebase란?

2022.09.12 git rebase 깃

Git 커밋 되돌리기 (Reset, Revert)

1 분 소요

Reset과 Revert 알고 사용하기

2022.08.16 git reset revert

Git 기본 CLI 명령어 정리

2 분 소요

Git에서 사용하는 기본적인 명령어를 정리해보았습니다.

2022.07.11 cli github git

맨 위로 이동 ↑

Uiux

UI/UX 디자인 공유 (6)

최대 1 분 소요

디자인 아이디어 공유

2022.12.07 Dashboard UI UX 대시보드 디자인 웹디자인

UI/UX 디자인 공유 (5)

최대 1 분 소요

디자인 아이디어 공유

2022.11.22 Dashboard UI UX 대시보드 디자인 웹디자인

UI/UX 디자인 공유 (4)

최대 1 분 소요

디자인 아이디어 공유

2022.11.15 Dashboard UI UX 대시보드 디자인 웹디자인

UI/UX 디자인 공유 (3)

최대 1 분 소요

디자인 아이디어 공유

2022.10.01 Dashboard UI UX 대시보드 디자인 웹디자인

UI/UX 디자인 공유 (2)

최대 1 분 소요

디자인 아이디어 공유

2022.09.03 Dashboard UI UX 대시보드 디자인 웹디자인

UI/UX 디자인 공유 (1)

최대 1 분 소요

디자인 아이디어 공유

2022.09.01 Dashboard UI UX 대시보드 디자인 웹디자인

맨 위로 이동 ↑

Programmers

[Lv.2] 루시와 엘라 찾기 (MySQL)

최대 1 분 소요

프로그래머스

2022.11.23 알고리즘 코테 프로그래머스

[Lv.1] 어린 동물 찾기 (MySQL)

최대 1 분 소요

프로그래머스

2022.11.22 알고리즘 코테 프로그래머스

[Lv.1] 로또의 최고 순위와 최저 순위

최대 1 분 소요

프로그래머스

2022.11.14 알고리즘 코테 프로그래머스

[Lv.1] 부족한 금액 계산하기

최대 1 분 소요

프로그래머스

2022.11.14 알고리즘 코테 프로그래머스

[Lv.1] 없는 숫자 더하기

최대 1 분 소요

프로그래머스

2022.11.14 알고리즘 코테 프로그래머스

[Lv.1] 나머지가 1이 되는 수 찾기

최대 1 분 소요

프로그래머스

2022.11.09 알고리즘 코테 프로그래머스

맨 위로 이동 ↑

Blog

Jekyll 블로그 글 작성시 {{ }}나 {% %} 같은 jekyll 문법 표현하기 (escape liquid template)

최대 1 분 소요

Jekyll 블로그 글 작성 팁

2024.02.22 Blog escape liquid template github jekyll 블로그

jekyll 실행 시 ‘require’: cannot load such file – webrick (LoadError) 오류 해결 방법

최대 1 분 소요

jekyll blog - ‘require’: cannot load such file – webrick (LoadError)

2022.08.20 blog jekyll 지킬

jekyll serve 할 때 install missing gem executables with ‘bundle install’ 오류 해결 방법

최대 1 분 소요

jekyll blog - install missing gem executables with ‘bundle install’

2022.08.19 blog jekyll 지킬

마크다운(Markdown) 문법

1 분 소요

마크다운(Markdown) 문법에 관한 글

2022.06.26 Blog Jekyll Markdown

github.io 블로그 첫 포스팅입니다

최대 1 분 소요

github.io 에서 글을 처음 작성해보았습니다 😊

2022.06.26 Blog

맨 위로 이동 ↑

JavaScript

User Agent 브라우저 정보 얻기 (Chrome 인지 아닌지 체크, 모바일 디바이스 구분)

2 분 소요

User Agent 브라우저 정보 얻기

2022.12.20 Browser UserAgent 브라우저정보 자바스크립트

return과 return false 의 차이?

최대 1 분 소요

return; return false; 는 어떤 차이가 있을까

2022.12.13 js return false return 자바스크립트

JSDoc으로 타입 힌트 제공하면서 주석 예쁘게 달기

4 분 소요

JSDoc 기능 사용법

2022.08.27 javaScript JSDoc 자바스크립트 주석

자바스크립트 Promise 이해하기

1 분 소요

자바스크립트 Promise

2022.06.29 javaScript js Promise 비동기 자바스크립트

자바스크립트 프로토타입(prototype) 이해하기

2 분 소요

자바스크립트 프로토타입(prototype)

2022.06.28 javaScript js prototype 자바스크립트 프로토타입

맨 위로 이동 ↑

Issue

[Windows] 인텔리제이(IntelliJ) 콘솔 한글 깨짐 수정하기

최대 1 분 소요

인텔리제이(IntelliJ) 콘솔 한글 깨짐 수정하기

2023.04.29 IntelliJ 인텔리제이 한글 한글깨짐

Mac, 맥북 업데이트 후 xcrun: error: invalid active developer path 에러 나는 경우 해결방법

최대 1 분 소요

xcrun: error: invalid active developer path 에러 해결

2022.10.30 error mac xcode xcrun 맥북 에러

Visual Studio Code(VSCODE) 초기화 및 재설치 하기

최대 1 분 소요

VSCODE 완전 초기화 한 후 재설치 하기

2022.09.24 vscode vscode재설치 재설치

[Mac] 맥북에게 5000번 포트를 뺏겼을 때 해결방법

최대 1 분 소요

AirPlay 수신모드에게 뺏긴 5000번 포트..

2022.08.14 5000 AirPlay port

[Mac] 사용중인 포트 kill 하는법

최대 1 분 소요

포트 죽이기!!

2022.08.14 kill lsof mac port

맨 위로 이동 ↑

NodeJs

Node.js 파일 시스템(fs) 모듈 사용하여 파일로 부터 데이터 읽기

최대 1 분 소요

Node.js File System Module

2022.11.09 fs nodejs 노드js 노드 파일시스템

Axios 알아보기(특징, 설치방법 문법 등)

3 분 소요

HTTP 비동기 통신 라이브러리 - Axios

2022.07.14 AJAX axios Node.js NodeJS Promise 비동기

Node.js-Express

2 분 소요

Node.js 기반 웹 프레임워크 Express에 대해 공부하기 + 간단한 사용

2022.07.11 express Node.js NodeJs

Node.js 프로세스 관리도구 pm2

1 분 소요

Node.js 운영을 효율적이게 하는 프로세스 관리도구

2022.07.10 Node.js pm2

맨 위로 이동 ↑

MongoDB

Node.js 몽고디비 (MongoDB) Driver API

최대 1 분 소요

Node.js MongoDB Driver API

2022.09.05 api MongoDB 몽고디비

MongoDB 기본 쿼리문 정리

4 분 소요

몽고디비 기본 쿼리문을 정리해보았습니다.

2022.08.28 DB mongoDB 몽고디비 쿼리문

MacOS에서 MongoDB, compass 설치하기

1 분 소요

맥에서 몽고디비를 설치하는 방법

2022.08.03 mac MongoDB mongoDB 데이터베이스 몽고디비

MongoDB란?

1 분 소요

JSON과 같은 문서를 사용하여 대량의 데이터를 읽기 좋은 NoSQL 데이터베이스 MongoDB

2022.07.26 backend mongoDB noSQL 디비 몽고디비

맨 위로 이동 ↑

MariaDB

MySQL/MariaDB WITH RECURSIVE 재귀 쿼리

최대 1 분 소요

MySQL/MariaDB WITH RECURSIVE

2023.10.29 DB MariaDB WITH RECURSIVE 데이터베이스

MySQL/MariaDB 원격 접속 허용하기 (Host ‘IP’ is not allowed to connect to this MySQL server)

최대 1 분 소요

데이터베이스 접근 권한 거부 해결하기

2022.08.25 DB MariaDB 데이터베이스

맨 위로 이동 ↑

Setting

NVM default 노드 버전 변경 하는 방법

최대 1 분 소요

NVM default node version setting

2023.10.31 default node.js node nvm default NVM

M1맥 iTerm2 터미널 꾸미기: zsh-syntax-highlighting 적용

최대 1 분 소요

터미널 꾸미기

2022.11.26 iTerm2 terminal zsh-syntax-highlighting 터미널

맨 위로 이동 ↑

Figma

작업 효율을 높여주는 피그마(figma) 단축키 모음

1 분 소요

알아두면 좋은 피그마 단축키 모음 입니다 :)

2022.07.27 design figma 디자인 피그마 피그마단축키

맨 위로 이동 ↑

Sequelize

Sequelize - 데이터타입

1 분 소요

Sequelize 데이터타입 정리

2022.08.09 backend Sequelize 백엔드 시퀄라이즈

맨 위로 이동 ↑

New

간단하고 빠른 오픈소스 웹소켓 서버(soketi)

최대 1 분 소요

웹소켓 서버 soketi

2022.09.01 socket soketi 웹소켓

맨 위로 이동 ↑

ReactNative

React Native - Sticky Header (헤더 고정)

최대 1 분 소요

리액트 네이티브 Sticky

2023.10.04 React RN scrollview stickyHeaderIndices Sticky 리액트네이티브

맨 위로 이동 ↑

Algorithm

스택(Stack)이란 무엇일까?

1 분 소요

What is a Stack?

2023.12.13 Algorithm Stack 스택 자료구조

맨 위로 이동 ↑

Linux

Linux: Ubuntu 20.04 우분투 시간대(timezone) 설정/변경 방법

1 분 소요

Ubuntu Timezone

2023.12.16 linux Timezone ubuntu 리눅스 우분투 타임존

맨 위로 이동 ↑

DevOps

Github Actions를 활용한 CI/CD 구축 (OCI & SSH)

2 분 소요

Github Actions를 활용하여 배포자동화 구축

2024.02.21 CI/CD Github Actions OCI 배포자동화

맨 위로 이동 ↑