Share
Sign In
📚

공부 리스트

💡
공부 및 정리 리스트 입니다.
공부를 마친 후, notion에 정리한 것만 체크표시 됩니다.
Network
NAS SSH접속, Cloudflare DDNS사용하기, 와일드카드 SSL 인증서란?, 와일드 카드 SSL 인증서 nas에 적용하기
iptime EAP 세팅, radius서버 생성, vlan 망분리, ap 망분리, 게스트망 설정,
Git - Version management
git 왜 Feature브렌치를 써야하는 지 정리
subtree, submodule은 무엇일까? 슬랙 보면서 정리
git stash
git squash
git 전략 : git flow, github flow, gitlab flow
code review reference
Front - End
프론트 엔드 성능 측정
프론트엔드 성능 최적화
❐ 들어가기 이번 우아한 테크코스 4단계 첫 번째 미션은 주어진 웹사이트의 성능을 최적화하는 것이다. 사실 이번 미션을 처음 받았을 때 되게 감이 잡히지 않았다. 😞따흐흑! 뭔가 눈에 보이는 것을 구현하라는 미션이 아니어서 어떻게 해야지! 라는 생각이 바로 떠오르지 않아서였을까? 성능 최적화라니, 데모데이 준비하면서 휘몰아치듯 알아보긴 했지만 아직 잘.. 모르는 영역같다. 헤헿 불행(?) 중 다행인건, 성능 최적화 작업에 대해 구체적으로 요구사항을 주셔서 이 내용을 발판삼아 성능 최적화를 진행할 수 있다는 것이다. 이 사이트가 유저에게 제공하려는 인사이트를 바탕으로 요구사항을 하나씩 만족해나가려고 한다. 이번 미션을 통해 성능 최적화에 대한 감을 익히고, 나중에 성능 최적화 작업이 필요할 때 쉽게 접근할..
mingule.tistory.com
PWA (for safari, chrome / ios, mac)
Electron - 데스크탑 앱
Next.js
Typescript or Js docs 사용
Sentry를 이용한 logging, monitoring
webpack → build 방법적, 코드 최적화 및 라이프 사이클 공부
babel
기본개념 학습
React
react 상태관리 : recoil, redux, context, Mobx
react-querys
캐싱 사이클 늘려서 전역 상태로 사용해보기
infinte scroll
CSS-in-JS : Sass,
Styled-components
Typescript
웹표준, 웹 접근성
Three.js, PixiJS, Storybook, emotion
Node 기반 웹 프론트엔드
white-space: pre-line, react template literal line change `asdfasdf \n aasdfasdf`
useRef
Lottie
useMemo, useCallback
cvat 커스터마이징
animation - 트럼프 카드 자연스럽게 뒤집기, 책 넘기기, drag able 3d Cube or dice
 도구
Lighthouse
Google Lighthouse는 웹페이지 품질을 측정하기 위한 자동화된 오픈 소스 도구입니다. 공개 또는 인증이 필요한 모든 웹 페이지에 대해 실행할 수 있습니다.
grafana : 모니터링 오픈소스
prometheus : matrix 생성 오픈소스
기타 등등
네트워크 부하 : locust
테스트 종류 :
Backend
Promise.all
express nodejs 성능개선 방법
nodejs convention 작성하기
Restful API
express middleware
etag
node.js, express single thread? multi thread? // endpoint async 적용하면 각 호출이 진행중일 때, 응답 받을 수 있는지?
child process vs worker thread 개념 공부
소켓통신으로 실시간 채팅방 만들어보기
message queue 로 데이터 손실 최소화 하기
nest js migration
Js package managing
Database
디버그 확인하기
데이터 베이스 Dev DB 프로세스 고민
postgresql 방법정의
세미나 자료 만들기
데이터베이스 설계 및 무결성
트랜젝션과 락
데이터베이스 보안
View, MV, Stored Procedure, Function
Event, Trigger
쿼리 튜닝과 속도 개선
Kafka
Web Assembly
Rust
rust docs
Infra
docker
kubernetes
github action & CICD공부
AWS
VPC
AWS VPN
자격 및 시험
TDD
💡
공부 및 정리 리스트 입니다.
공부를 마친 후, notion에 정리한 것만 체크표시 됩니다.
Network
NAS SSH접속, Cloudflare DDNS사용하기, 와일드카드 SSL 인증서란?, 와일드 카드 SSL 인증서 nas에 적용하기
iptime EAP 세팅, radius서버 생성, vlan 망분리, ap 망분리, 게스트망 설정,
Git - Version management
git 왜 Feature브렌치를 써야하는 지 정리
subtree, submodule은 무엇일까? 슬랙 보면서 정리
git stash
git squash
git 전략 : git flow, github flow, gitlab flow
code review reference
Front - End
프론트 엔드 성능 측정
프론트엔드 성능 최적화
❐ 들어가기 이번 우아한 테크코스 4단계 첫 번째 미션은 주어진 웹사이트의 성능을 최적화하는 것이다. 사실 이번 미션을 처음 받았을 때 되게 감이 잡히지 않았다. 😞따흐흑! 뭔가 눈에 보이는 것을 구현하라는 미션이 아니어서 어떻게 해야지! 라는 생각이 바로 떠오르지 않아서였을까? 성능 최적화라니, 데모데이 준비하면서 휘몰아치듯 알아보긴 했지만 아직 잘.. 모르는 영역같다. 헤헿 불행(?) 중 다행인건, 성능 최적화 작업에 대해 구체적으로 요구사항을 주셔서 이 내용을 발판삼아 성능 최적화를 진행할 수 있다는 것이다. 이 사이트가 유저에게 제공하려는 인사이트를 바탕으로 요구사항을 하나씩 만족해나가려고 한다. 이번 미션을 통해 성능 최적화에 대한 감을 익히고, 나중에 성능 최적화 작업이 필요할 때 쉽게 접근할..
mingule.tistory.com
PWA (for safari, chrome / ios, mac)
Electron - 데스크탑 앱
Next.js
Typescript or Js docs 사용
Sentry를 이용한 logging, monitoring
webpack → build 방법적, 코드 최적화 및 라이프 사이클 공부
babel
기본개념 학습
React
react 상태관리 : recoil, redux, context, Mobx
react-querys
캐싱 사이클 늘려서 전역 상태로 사용해보기
infinte scroll
CSS-in-JS : Sass,
Styled-components
Typescript
웹표준, 웹 접근성
Three.js, PixiJS, Storybook, emotion
Node 기반 웹 프론트엔드
white-space: pre-line, react template literal line change `asdfasdf \n aasdfasdf`
useRef
Lottie
useMemo, useCallback
cvat 커스터마이징
animation - 트럼프 카드 자연스럽게 뒤집기, 책 넘기기, drag able 3d Cube or dice
 도구
Lighthouse
Google Lighthouse는 웹페이지 품질을 측정하기 위한 자동화된 오픈 소스 도구입니다. 공개 또는 인증이 필요한 모든 웹 페이지에 대해 실행할 수 있습니다.
grafana : 모니터링 오픈소스
prometheus : matrix 생성 오픈소스
기타 등등
네트워크 부하 : locust
테스트 종류 :
Backend
Promise.all
express nodejs 성능개선 방법
nodejs convention 작성하기
Restful API
express middleware
etag
node.js, express single thread? multi thread? // endpoint async 적용하면 각 호출이 진행중일 때, 응답 받을 수 있는지?
child process vs worker thread 개념 공부
소켓통신으로 실시간 채팅방 만들어보기
message queue 로 데이터 손실 최소화 하기
nest js migration
Js package managing
Database
디버그 확인하기
데이터 베이스 Dev DB 프로세스 고민
postgresql 방법정의
세미나 자료 만들기
데이터베이스 설계 및 무결성
트랜젝션과 락
데이터베이스 보안
View, MV, Stored Procedure, Function
Event, Trigger
쿼리 튜닝과 속도 개선
Kafka
Web Assembly
Rust
rust docs
Infra
docker
kubernetes
github action & CICD공부
AWS
VPC
AWS VPN
자격 및 시험
TDD
💡
공부 및 정리 리스트 입니다.
공부를 마친 후, notion에 정리한 것만 체크표시 됩니다.
Network
NAS SSH접속, Cloudflare DDNS사용하기, 와일드카드 SSL 인증서란?, 와일드 카드 SSL 인증서 nas에 적용하기
iptime EAP 세팅, radius서버 생성, vlan 망분리, ap 망분리, 게스트망 설정,
Git - Version management
git 왜 Feature브렌치를 써야하는 지 정리
subtree, submodule은 무엇일까? 슬랙 보면서 정리
git stash
git squash
git 전략 : git flow, github flow, gitlab flow
code review reference
Front - End
프론트 엔드 성능 측정
프론트엔드 성능 최적화
❐ 들어가기 이번 우아한 테크코스 4단계 첫 번째 미션은 주어진 웹사이트의 성능을 최적화하는 것이다. 사실 이번 미션을 처음 받았을 때 되게 감이 잡히지 않았다. 😞따흐흑! 뭔가 눈에 보이는 것을 구현하라는 미션이 아니어서 어떻게 해야지! 라는 생각이 바로 떠오르지 않아서였을까? 성능 최적화라니, 데모데이 준비하면서 휘몰아치듯 알아보긴 했지만 아직 잘.. 모르는 영역같다. 헤헿 불행(?) 중 다행인건, 성능 최적화 작업에 대해 구체적으로 요구사항을 주셔서 이 내용을 발판삼아 성능 최적화를 진행할 수 있다는 것이다. 이 사이트가 유저에게 제공하려는 인사이트를 바탕으로 요구사항을 하나씩 만족해나가려고 한다. 이번 미션을 통해 성능 최적화에 대한 감을 익히고, 나중에 성능 최적화 작업이 필요할 때 쉽게 접근할..
mingule.tistory.com
PWA (for safari, chrome / ios, mac)
Electron - 데스크탑 앱
Next.js
Typescript or Js docs 사용
Sentry를 이용한 logging, monitoring
webpack → build 방법적, 코드 최적화 및 라이프 사이클 공부
babel
기본개념 학습
React
react 상태관리 : recoil, redux, context, Mobx
react-querys
캐싱 사이클 늘려서 전역 상태로 사용해보기
infinte scroll
CSS-in-JS : Sass,
Styled-components
Typescript
웹표준, 웹 접근성
Three.js, PixiJS, Storybook, emotion
Node 기반 웹 프론트엔드
white-space: pre-line, react template literal line change `asdfasdf \n aasdfasdf`
useRef
Lottie
useMemo, useCallback
cvat 커스터마이징
Made with SlashPage