컴퓨터 구조와 운영체제 간단 정리
컴퓨터 구조와 운영체제에 대해 간단히 정리하는 글
Posts by Category
React
SSR과 ISR의 장점 및 차이점
SSR과 ISR이 왜 필요하고 장점이 무엇인지, 구현은 어떻게 하는지 정리해보는 글
GraphQL vs RESTful API
graphql과 restful api의 차이점
React로 마우스, 키보드 조작이 가능한 Joystick 만들기
라이브러리를 사용하지 않고 만들어보는 조이스틱
Storybook 리액트 컴포넌트 테스트 하기
실제 프로젝트에서의 활용 사례도 포함한 컴포넌트 테스트
Canvas vs Iframe vs Fabric.js 간단 비교 / Fabric.js 적용
웹에 도형, 이미지, 상호작용 콘텐츠를 그리는 방법 간단 비교
Google Map API #4 - Polygon(PolygonF), 다각형 그리기
react-google-map/api 지도위에 다격형 도형 그리기
리액트 컴포넌트 추상화로 재사용성 높이기
추상화: 리액트로 재사용성 극대화하기
Bind 함수 - 컴포넌트와 커스텀 훅 바인딩하기 with chatGPT
chatGPT가 쓴 블로그
React Google Map API #3 - 필수 옵션과 props + instance
react-google-maps/api map instance 설명
React Google Map #2 설명을 덧붙인 Marker(MarkerF) 연동
react-google-maps/api 설명 및 사용 예시와 마커(React 18+)
React useRef
리액트를 다루는 기술 스터디 #8 - useRef
React useLayoutEffect
리액트를 다루는 기술 스터디 #번외 - Hooks: useLayoutEffect
React useEffect 톺아보기 #2 참고 & 주의 사항
리액트를 다루는 기술 스터디 #7-3 - Hooks: useEffect
React useEffect 톺아보기 #1 사용법과 예시
리액트를 다루는 기술 스터디 #7-2 - Hooks: useEffect
React useState 톺아보기 #2 주의사항과 예시
리액트를 다루는 기술 스터디 #7-1 - Hooks: useState
React useState 톺아보기 #1 사용법과 예시
리액트를 다루는 기술 스터디 #7-1 - Hooks: useState
컴포넌트의 라이프사이클 메서드
리액트를 다루는 기술 스터디 #6 - class형 컴포넌트의 생명 주기와 메서드
리액트 컴포넌트 반복
리액트를 다루는 기술 스터디 #5 - 컴포넌트 반복 [map]
리액트 ref
리액트를 다루는 기술 스터디 #4 - ref
리액트 이벤트 핸들링
리액트를 다루는 기술 스터디 #3 - 이벤트 핸들링
리액트의 컴포넌트와 state
리액트를 다루는 기술 스터디 #2-2 - 컴포넌트
리액트의 컴포넌트와 props
리액트를 다루는 기술 스터디 #2-1 - 컴포넌트
SWR 사용과 장점
SWR 사용방법과 장점 간단 정리
CSR과 SSR은 어떻게 다른가(간단 정리)
SSR이 필요한 이유, 필요 없는 이유
Next.js의 장점 간단 정리
Next.js를 사용하면서 느꼈던 장점(깊이 없음)
왜 리액트인가
리액트를 다루는 기술 스터디 #1 - 리액트를 사용하는 이유와 특징
GraphQL React Relay, refetch 하기 #3
사용자 인터렉션에 따른 데이터 패칭하기
GraphQL React Relay, Fragment #2
relay로 자식 컴포넌트에게 데이터 내려주기
Frontend GraphQL React Relay 사용 #1
react relay로 상품 data 불러오기
react video.js #2 테마, 단축키, 플레이 시간
react에서 video.js를 이용한 플레이어 테마, 단축키, 플레이 시간 기록
react video.js #1 시작하기
react에서 영상 플레이어 페이지 만들고 옵션 설정하기
useEffect
react function 컴포넌트에서 side effect를 다루는 법
react google map API 연동 #1
라이브러리 react-google-map/api을 사용한 구글 맵 api 연동
Developer
회고글) 2024년 2분기, 전환기에 맞은 나에 대한 일기
변화 속 친절함과 깨달음, 그리고 정신없음(!)
회고글) 스파크플러스 강남4호점에서 하는 개발자 오프라인 밋업 후기
we are the future 오프라인 밋업 후기
원티드 하이파이브 컨퍼런스 프렌즈 참여 후기
프렌즈로 참여한 하이파이브 컨퍼런스 후기와 장인성 세션 요약
회고글) 2024년 1분기에 써보는 회고(가 아닌 일기)
초조하지 않게 여유를 가져야 한다…
회고글) 프론트엔드 커뮤니티 발표 후기 - we are the future
발표 찐따의 발표..
칭찬 로그
지칠때 보고 힘내려고요
[HTTP]blob과 Content-Disposition을 통한 파일 다운로드 예시
서버에서 받아온 pdf 파일, 다운로드와 미리보기 기능 구현하기
약 1000줄에 가까운 코드 300줄로 줄인 후기
백엔드 개발자가 짠 프론트엔드 코드 리팩토링 후기
회고록) 어찌저찌 개발자 인생 2년이 지나갔다.
2023년 1년 회고. 긴 글
2023 로보월드 후기
일산 킨텍스에서 진행된 로보월드 - 로봇과 친해지는 중 입니다.
Next Mobility 2023 테크 컨퍼런스 후기
카카오 모빌리티에서 주최한 넥스트 모빌리티 후기
2023년 상반기 회고
2023년 1월 ~ 6월에 대한 회고 - 부제)전략적으로 접근하기
냄새와 휴리스틱
clean code study #9
점진적인 개선
clean code study #8-2
창발성
clean code study #6-3
시스템
clean code study #6-2
Salon du Vin Nature
무지와 주관이 많이 들어간 네츄럴 와인 시음회 후기
단위 테스트
clean code study #6-1
클래스
clean code study #5
경계
clean code study #4-2
오류 처리
clean code study #4-1
객체와 자료구조
clean code study #3-2
형식
clean code study #3-1
주석
clean code study #2-2
주니어 프론트엔드 개발자 9개월차 회고
회고를 통해서 얻어야 하는 것들
함수
clean code study #2-1
깨끗한 코드와 의미있는 이름
clean code study #1
비전공자, 개발자로 전향 후 6개월 KPT
번아웃과 절망을 이겨내기 위해 하는 회고
주니어 개발자 입사 3개월 KPT
개발자로 커리어 전환, 스타트업 입사 3개월차에 깨달은 것들
JavaScript
WebSocket으로 만들어보는 채팅 앱 #1 server
간단한 라이브 채팅 앱 프론트에서 백엔드까지 만들어보기
JavaScript Module
javascript에서 module의 발전과 개념
Time Sort
오늘 날짜를 기준으로 시간 정렬
Sort
배열 속 요소를 원하는 순서로 정렬하기
prototype(ing)
javacript는 프로토타입 기반 객체지향 프로그래밍 언어이다.
getter, setter
get, set 메서드와 프로퍼티 어트리뷰트
전역변수의 문제점과 전역변수 피하기
조건문의 if…else와 삼항연산자, switch&case문 비교
Object 생성 방법과 차이(ing)
object 생성방식에는 여러가지가 있다. 생성방식과 차이점을 정리해보고자 한다.
조건문
조건문의 if…else와 삼항연산자, switch&case문 비교
Object(객체)
javascript object의 특징
Default Parameters
매개변수의 기본값
Reduce
배열 속 요소를 원하는 순서로 정렬하기
Arguments
함수는 만들어서 두고두고 재사용하기 위해서 존재한다.
Rest Parameters
함수에 매개변수 개수를 정해줄 수 없을때
scope
변수와 매개변수의 접근성과 생존기간을 결정한다.
Function(함수)
함수는 만들어서 두고두고 재사용하기 위해서 존재한다.
Array(배열)
javascript Array 특징
Other
Next.js에서 PWA(Progressive Web App)구현 - 단순 궁금증 부터 배포까지
웹과 네이티브 앱의 중간 그 어딘가
쿠버네티스: 현대적인 애플리케이션 관리의 핵심
쿠버네티스는 무엇인가
GPT가 알려주는데로 크롤링 만들기 (Google spreadsheet에 데이터 저장하기)
python, selenium으로 크롤링한 정보를 google spreadsheet에 연동
GPT가 알려주는데로 크롤링 만들기 (selenium 사용 이유)
selenium 선택 이유와 타 라이브러리 비교
GPT가 알려주는데로 크롤링 만들기 (with python, selenium)
python, selenium으로 크롤링한 정보를 google spreadsheet에 연동