일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 회고
- SemVer
- 타입스크립트
- 캐나다개발자
- 시스템디자인
- 캐나다취준
- 개발자를 위한 글쓰기 가이드
- framer-motion
- Effective Typescript
- framer
- useState
- 개발자 원칙
- Framer motion
- JSBridge
- ASP.NET
- Semantic Versioning
- 코드트리
- 글또
- TS
- CSS방법론
- React-Router-Dom
- VS Code
- CSS
- 글또 10기
- 테오의 스프린트
- 이펙티브타입스크립트
- react
- typescript
- 알고리즘
- JUNCTION2023
- Today
- Total
목록기타 CS (6)
큰 꿈은 파편이 크다!!⚡️
연차가 이쯤되니 시스템 디자인 인터뷰도 준비해야해서 급히 공부를 하고 있다. 로드 밸런서.. 일할때는 의식해본 적도 없고 백엔드 영역이라고 생각해서 굳이 따로 해보려하지도 않았는데 보고있는 시.디 인터뷰 목록에 나와있길래 조금 더 자세히 이해할 수 있는 시간이 되었다. 역시 풀스택의 길은 멀고 험한가보다 ㅎ Load Balancer (LB)단어 그대로, Load(부하)를 Balance(조절)해주는 역할을 하는 시스템 디자인의 한 요소이다. ~몇천 RPS(Request Per Second, 초당 요청 수) 까지는 LB가 필요하지 않을 수도 있기 때문에 꽤나 트래픽이 있는 제품이 아니고서야 타의적으로 경험해보기는 쉽지 않은 듯 하다. LB는 서버와 클라이언트 사이에 위치하되, 한 레이어만 구성하..
ASP.NET으로 서버&리액트 프로젝트 서빙하기.. 전에는? 지금까지 회사에서 CSR을 구현할 때 리액트 웹은 웹대로, ASP.NET 서버는 서버대로 따로 동작시키며 서비스를 제공했었다. 만약 같은 서버가 클라이언트+서버의 역할을 모두 할 때는 ASP.NET의 Razor page라는 문법을 사용해서 SSR 방식으로 웹페이지를 구현했고 나는 ASP.NET을 극혐하게 되었다(..) 그러던 중 같은 서버에서 포트를 다르게 해서 웹 클라이언트, 서버를 각각 돌리되 웹 부분은 리액트로 구현하자는 이야기가 나왔다. 아무래도 리액트 구현 방식에 익숙해져있기도 하고 유저 인터랙션에 강하다보니 리액트의 생산성을 Razor(따위)가 따라올 수 없다는 느낌에서였다. 결과적으로 웹 쪽은 vscode로 작업한 뒤 빌드하면, 빌..
Microsoft.IdentityModel C#계의 oidc에서 제일 유명한 오픈소스 라이브러리로는 IdentityServer4(ids4)가 있다. 하지만 이번에 하는 작업이 이 라이브러리를 붙일 정도는 아니라고 생각해서 닷넷에서 제공하는 기본 인증(마이크로소프트가 제공하면 기본 이라고 생각하는 나)을 사용해보고 싶었다. 하지만 이 기본 인증 라이브러리도 설치가 필요했다..🫠 스펙: dotnet5 using Microsoft.AspNetCore.Authentication.Cookies; using Microsoft.AspNetCore.Authentication.JwtBearer; using Microsoft.IdentityModel.Tokens; Flow 클라이언트(웹, 리액트) ↔ 서버(api 서버이자..
컴잡을 하다보면 전문적인 기술 용어를 많이 알게 된다. 사실 나는 내가 그 용어를 확실하게 이해하기 전까지는 의사소통 오류가 있을까 해서 용어를 안쓰는 편이다. 컴퓨터 / 컴퓨터 시스템에 대해 공부하기 시작하면 자주 보게 되는 단어 “런타임”이라는 용어가 있다. 2021년에 이 단어가 잘 이해되지 않아서 메모해놓은 것을 보고, 오늘은 런타임과 그것에서 파생된 여러 단어들을 정리해보려 한다. (제목 짓기가 참..) 런타임 (Runtime) 컴퓨터 프로그램이 실행되는 시간이다. 영화 길이에 대해 이야기할때도 “아바타2는 러닝타임이 3시간이다~~”라고 말하는 것처럼, 영어에서는 Run이 뭔가 실행 • 수행하고 있다는 개념으로 쓰인다고 생각하면 기억하기 쉬울 것 같다. 이 사진에서도 볼 수 있듯이, 런타임은 프..
많은 사람들이 개발할 때 사용하는 IDE VSCode! 나도 쓴다. VSCode extension에서는 플러그인 뿐만 아니라 개개인이 만든 다양한 테마를 설치할 수도 있어서 이것저것 사용해보다가, 기록으로 남길 겸 최근에 정착한 스타일과 플러그인을 소개하고 그 설정 방법을 공유해보고자 한다. Theme: Nord An arctic, north-bluish clean and elegant Visual Studio Code theme 톤다운된 북극 감성을 가진 테마로, 깃허브의 리드미도 엄청 예쁘다. Extension marketplace에서 검색 후 설치, Enable시키면 끝! 북극 테마답게 컬러 팔레트 이름도 과몰입한 느낌이 너무 마음에 들어서 추가해본다. Nord를 사용한 이후로는 여기에 정착해버렸는..
소프트웨어 프로젝트를 배포(Release)할 때 버전 관리를 어떻게 할까? 팀마다 정해진 규칙이 있겠지만, 알려진 버전 변경 규칙 중 하나인 Semantic Versioning (Semver) 에 대해 알아보려 한다. Semantic이란 '의미론적'이라는 뜻인데, 즉 각 버전 넘버에 의미를 부여하고 있음을 나타낸다고 생각한다. 해당 포맷은 Major.Minor.Patch 을 따르며, Node.js, npm 등에서 사용하고 있다. 종류 Major version: 이 버전을 올리면 뒤의 Minor, Patch 버전은 0으로 설정한다. (1.4.9 -> 2.0.0) 하위 호환되지 않는 API 변경사항이 포함된다. Minor version: 하위 호환성이 보장되는 업데이트이며, 주로 신규 기능이 추가되었을 때 ..