티스토리

source-code-lean

검색하기

블로그 홈

source-code-lean

23life.tistory.com/m

mattew4483 님의 블로그입니다.

구독자: 10

방명록 방문하기

728x90

반응형

주요 글 목록

24.05.06~24.05.12 업무DB 구조 재설계B사와의 POC를 진행하면서, 기존 데이터 구조로는 구현이 어렵거나, 불가능한 기능들이 발생했다.POC 당시에는 DB 구조를 다시 설계할만한 시간적 여유가 없었기 때문에기능 구현만을 위한 별도 column을 추가하거나, 기능 자체를 축소하는 식으로 해결했다. 지난주를 기점으로 POC가 1차적으로 마무리되었고B사에서 원했던 기능들을 구현하기 위해, DB 구조를 새롭게 설계하는 작업을 진행했다. 유비쿼터스 언어POC를 진행하며 직군 별로, 상황 별로 사용하는 언어가 제각각인 문제가 발생했다. 동일한 개념을 각기 다른 단어로 얘기한다던가,같은 단어를 각기 다른 개념으로 이해하는 경우가 종종 발생했고이로 인해 상대방이 사용한 단어가 정확히 어떤 의미인지 번역해야 하는 불필요한 과정이 계속해서.. 공감수 0 댓글수 0 2024. 5. 13.
소프트웨어 장인 정신 이야기 (2) 2024.05.07 - [source-code/software] - 소프트웨어 장인 정신 이야기 (1)3장. 고급 테스트 주도 개발단계마다 테스트는 더욱더 제한적이고 구체적으로 바뀌는 반면, 제품 코드는 점점 더 일반화된다. 이 과정은 제품 코드가 너무 일반적이어서 실패하는 테스트를 더 이상 생각해 낼 수 없을 때까지 계속된다. 그러면 문제가 모두 풀린 것이다. 복잡한 문제일 수록, 단순한 공리(실패하는 테스트 코드)에서 출발해야 한다.한 번에 한 단계씩, 제품 코드를 구현하고, 리팩터링 하고, 다음 테스트 케이스를 작성해야 한다. 하지만... 모든 경우에 이러한 주기를 적용하는 게 어렵지 않을까?가장 대표적인 예시가 → 요구사항이 너무 복잡해서, 한 번에 모든 구현을 작성하지 않으면 테스트 케이스가 통.. 공감수 0 댓글수 0 2024. 5. 9.
소프트웨어 장인 정신 이야기 (1) 1장. 장인 정신...이 연대표를 항공학 연대표와 비교해 보자. 비슷한 점을 찾을 수 있는가? 이론의 단계적인 발전, 마니아들이 성급한 도전과 실패, 역량의 단계적인 발전이 보이는가? 우리가 무엇을 하는지도 몰랐던 수십 년의 기간이 보이는가?...오늘날의 항공기 조종사들만큼이나 자기 기술을 깊이 이해하는 프로그래머를 양성해 왔는가? 분명히 장인이 필요한데 우리에게는 장인이 있는가? 항공학 역사를 소개하며, 장인 정신의 필요성을 강조한 구문이 굉장히 인상 깊었다. 프로그래밍 역시 (항공학과 유사하게) 인류의 삶에 밀접하게 연관되어 있으며빠른 속도로 발전했고명확한 장인 정신이 구축되지 않은 상태로 사용되었으며이로 인해 불필요한 시행착오들이 반복되고 있다 는 것!즉... 오늘날의 항공학이 '안전하게 비행기를 .. 공감수 0 댓글수 0 2024. 5. 7.
24.04.29~24.05.05 업무외부 가이드 개선O팀에게 제공하는 외부 가이드에 대한 개선 및 버그 픽스를 진행했다. 요소 조회 알고리즘 내 find option 구현현재 온보딩 실행 시, 각 step에 대한 target 요소를 조회하는 알고리즘이 동작한다. 해당 알고리즘의 핵심은, 사용자가 지정한 target 값을 정확히 찾아가는 것이며이때 '정확히 찾는다'는 1) 똑같은 요소가 있다면, 조회2) 비슷한 요소가 있다면, 조회3) 모든 요소들이 같지도, 비슷하지도 않다면 조회하지 않음 을 의미한다. 여기서 문제는 2)와 3), 즉 비슷한 요소와 아예 다른 요소를 어떻게 구분하는가인데...(POC를 진행하며 가장 골치 아팠던 부분도 바로 여기였다) 몇 주간 알고리즘을 개선하고 보강했지만특정 사이트나 사용 사례 별로 논리 자체가 상충되.. 공감수 0 댓글수 0 2024. 5. 6.
[Github Actions] release assets에 build 결과물 zip 업로드하기 Background현재 chrome extension 서비스는 아래와 같은 과정을 거쳐 스토어 업데이트를 진행하고 있습니다.production branch 병합개발자 local 환경 build생성된 build 결과 파일 스토어 업데이트그런데 이 중 3) 개발자 local 환경 build 로 인해원격 source code와 관계없이, 당시 개발자의 local 환경에 따라 build 결과물이 달라진단 문제가 발생했습니다. 실제로 담당 인원의 실수로, 스토어에 staging 환경에 코드가 업로드 되어스토어 재심사가 완료될 때까지 서비스를 이용할 수 없었던 적도 있었기 때문에... 해당 과정의 자동화가 반드시 이뤄져야 한다고 생각했습니다. Solutions담당 개발자 local 환경이 아닌, 원격 환경에서 번들.. 공감수 0 댓글수 0 2024. 5. 5.
24.04.21~24.04.28 업무Publish 방법 변경 및 기능 개발 및 배포지난주부터 개발했던 O팀의 요구 사항을 위한 기능!기존 publish 기능의 구조를 변경, 각 실행 조건별 배포가 이뤄질 수 있도록 수정했다. 기존 publish 및 링크 공유 기능을 수정했고,이에 따라 API, script, extension, admin web에 변경사항을 반영했다.→ QA 및 production에 반영한 뒤 O팀의 피드백까지 완료! O팀 QA 사항 반영가장 긴장했던 업무!O팀 내부 QA에서 나온 버그 및 수정 사항들을 반영했다. 외부 가이드 도중 페이지 이동 정책 변경,AWS 외부 가이드 관련 버그 수정,진행 중 Step 관련 정책 변경,target element 조회 불가 관련 버그 수정 등의 작업을 진행했다. 목요일 오후, 최종 .. 공감수 0 댓글수 0 2024. 4. 28.
24.04.14~24.04.21 업무 B사 외부 가이드 제공 지난주부터 작업하던, B사 O팀의 외부 가이드 개발을 완료했다! 각 step 별로 가이드를 생성한 뒤 하나의 그룹처럼 합치는 기능을 추가했고, 이를 바탕으로 연동 과정에서 발생하는 페이지 이동(대표적으로 검색)을 모달을 통해 처리할 수 있게 되었다. → 외부 가이드가 제공하는 가장 큰 가치, 아무 생각없이 특정 과정을 완료할 수 있다를 좀 더 체감할 수 있어 좋았다. 추가적으로 요소 조회 알고리즘 (무한 개선) extension 설치 여부 판단 코드 버그 수정 extension 설치 불가 브라우저 대응 등과 같은 개선 작업도 진행했다. B사 내부 가이드 제공 내부 가이드 관련, 지난주 작업 내역에 버그가 있어 이를 수정했다. 우리 쪽 작업 환경에서는 아무리 확인해도 발생하지 .. 공감수 0 댓글수 0 2024. 4. 22.
전방 십자인대 재건술 4달 차 후기 (재활 헬스) 수술 후 3달 차에 보조기를 뗐었다. 2024.03.22 - [lean/life] - 전방 십자인대 재건술 3달 차 후기 (재활 시작!!) 전방 십자인대 재건술 3달 차 후기 (재활 시작!!) 보조기를 뗐다!!! 의사 선생님 왈: 아직 뛰는 건 안되지만, 가벼운 운동으로 허벅지 힘을 기르도록 하세요. (실내 자전거 같은 게 좋단다. 스쿼트를 추천!)보조기를 떼고 처음으로 밖을 걷는데... 23life.tistory.com 그로부터 한 달이 지났다. 4월 1일부터 헬스장을 등록해, 일주일에 3~4번 정도 재활 운동을 했다. 사실 재활 운동이라고 별다른 게 있는 것은 아니고... 다리 근육, 특히 허벅지 근육을 기르는 데 도움 되는 동작들을, 적은 무게로 천천히 반복해 나갔다. 기본 운동 루틴은 사이클 20.. 공감수 0 댓글수 0 2024. 4. 20.
24.04.07~24.04.14 업무 B사 외부 가이드 개발 B사의 O팀에게 제공하기로 한 제품은 1) 자사 서비스 내부 가이드 2) 외부 가이드 2개였다. 지난주 1)에 대한 개발을 완료해 2)에 대한 테스트 및 가이드 생성을 시작했었고, 이를 이어서 이번 주 전체를 각종 테스트와 버그 픽스에 투자했다. B사 추가 요구 사항 구현 현재 O팀과의 POC는 요구 사항 논의 → 기능 개발 → 공유 및 피드백 을 순환하는 형태로 진행된다. 즉 한 번의 기능 개발을 완료하면, 그에 대한 피드백을 전달받는데... 이번 주 역시 새롭게 생겨난 요구 사항을 몇 가지 구현했다. SDK를 통해 제공하는 온보딩 실행 모듈에 몇 가지 기능들을 더 추가했고, O팀에서 사용 중인 AWS 링크와의 호환을 위해 외부 가이드 링크에 URL 경로 관련 연동 기능을 .. 공감수 1 댓글수 1 2024. 4. 14.
[jest] jest dom을 통한 DOM 객체 동작 테스트 하기 Backgrounds 현재 개발 중인 서비스에서는 사용자가 생성한 데이터를 통해 웹 페이지에서 특정 요소(HTMLElement)를 조회하는 기능을 제공하고 있습니다. 이때 해당 요소를 찾는 알고리즘이 제법 복잡하고 예외 케이스가 많이 발생해, 코드를 수정할 때마다 고객사 페이지에 직접 접속해 정상 동작 여부를 확인하는 불편함이 존재했습니다. 그리고 이로 인해 1) 개발 소요 시간 증대 2) 적극적인 리팩토링 어려움 (수정이 발생하면, 기존 잘 되던 케이스가 안될 것이라는 두려움) 과 같은 문제들이 발생했습니다. Solutions 최선의 방안은 모든 고객사 페이지를 자동으로 크롤링하면서, 로직이 정상 동작하는지 확인하는 것이겠으나... 하루아침에 이 정도의 자동화 테스트를 도입하기엔 현실적인 무리가 있었습.. 공감수 0 댓글수 0 2024. 4. 10.
24.03.31~24.04.07 업무 SDK 개발 및 제공 POC 중인 B사의 새로운 요구사항을 개발했다. B사에서는 새로운 기능과 관련된 안내 모달이 사라진 후 온보딩을 실행하고 싶어했고 현재 제공 중인 기능만으로는... 이러한 요구사항을 구현할 수 없었다! 모달 종료의 경우, B사 서비스 자체적으로 구현한 로직이 존재했고 (ex 키보드를 눌러 종료, 백그라운드를 클릭해 종료) 해당 로직이 실행될 때 우리 서비스가 동작하기 위해서는 → 코딩을 통해 처리하는 방법 밖에는 존재하지 않았다. 사실 이전에서 이러한 논의가 나왔었지만 노코드툴 이라는 간편성을 포기하기 어렵다 판단해 우선순위를 낮췄었다. 하지만 어찌되었든 B사의 요구사항을 충족하는 것이 무엇보다 중요했기에... 우리 서비스를 실행할 수 있는 모듈을 SDK 형태로 제공하기로 했다.. 공감수 0 댓글수 0 2024. 4. 8.
24.03.24~24.03.31 업무미리 보기 기능 개발서비스 동작을 위한 기능 개발에 우선순위가 밀렸던, 미리 보기를 개발했다. 이전에 만들어 둔 operator 모듈 덕분에, 빠르게 요구 사항을 구현할 수 있었다. (실제 개발은 이틀 정도? 이전 버전을 생각하면 엄청나게 빠르고, 안정적으로 구현할 수 있었다) script-package 테스트 도입server 측에서 사용할 모듈을 제공하는 script-package를 개발하는데, 패키지를 배포하지 않고는 동작을 확인할 수가 없어 개발 속도가 더뎌지는 문제가 있었다. → 코드 동작 실시간 확인 + 유지보수성 증대 를 위해 Jest를 사용한 테스트를 도입하기로 결정! 가장 중요한 각 Publish 필터링 모듈에 대한 테스트 코드를 작성했다.해당 패키지를 사용하는 서버 개발자 분들의 적극.. 공감수 0 댓글수 0 2024. 3. 31.
단위 테스트 - 고전파와 런던파, 그리고 개인적인 견해 Backgrounds사내 package를 개발하며 테스트 코드를 작성하던 도중, 이런 일이 있었습니다. 입력받은 데이터를 서비스 내부 정책에 따라 필터링하는 모듈이 존재했고, 해당 모듈은 내부 정책 관련 로직을 처리하는 다른 모듈을 의존성으로 주입받고 있었습니다.class Module { filterPoliciy: Policy constructor (filterPoliciy: Policy) { this.filterPoliciy = filterPoliciy } filter(data:Data): Data | null { // 해당 메서드 내부적으로 Policy interface 사용 ...this.filterPoliciy.isIdExist() } } 아래와 같은 형태로 테스트 코드를 작성했습니다.descri.. 공감수 0 댓글수 1 2024. 3. 28.
[Github Actions] PR 병합 시, 자동으로 package publish 하기 Backgrounds 현재 사내 서비스에서 공통적으로 쓰이는 모듈들을 github package로 제공하고 있습니다. git flow 전략에 따라 develop - staging - production 환경으로 구성되어 있으며, 각 개발 사항을 develop branch에 병합한 뒤, staging 환경에서 테스트한 후, production branch에 병합합니다. 이때 해당 패키지의 새로운 버전을 publish 하기 위해서는 다음과 같은 과정이 필요합니다. production 브랜치 내 PR 생성 → review 및 merge 개발자 local 환경에서 production branch 이동 → build + publish 해당 배포 사항 직접 공지 Problems 위 과정에는 다음과 같은 문제점이 존.. 공감수 0 댓글수 0 2024. 3. 26.
[Github Actions] Workflows에서 복수개 env variables 사용하기 배경 github actions를 통해 사내 npm 패키지를 자동으로 빌드-배포-릴리즈 하고자 했습니다. production branch에 버전과 관련된 PR이 병합되면 패키지 버전 변경 → build → publish → release 를 수행하는 workflow를 작성했는데... 여기서 env 파일, 즉 환경 변수 관련 문제와 마주했습니다. export class DataFetcher { private BASE_URL = process.env.BASE_URL } 다음과 같이 환경 변수를 참조하고 있으며 // package.json { "scripts": { "build:prod": "DOTENV_CONFIG_PATH=.env.production node -r dotenv/config scripts/e.. 공감수 0 댓글수 0 2024. 3. 25.
24.03.17~24.03.24 업무 신규 기능 배포 지난주 개발했던 신규 기능을 production에 배포했다. 수요일에 B사를 방문해 해당 버전을 시연하기로 했어서 월-화 동안 staging 환경에서 테스트 + 버그 수정을 반복해야만 했다. 개발 당시 다른 사내 서비스에서 테스트할 때는 별 문제가 없었는데 막상 staging 환경에서 고객사인 B사의 서비스로 테스트를 해보니 정상적으로 서비스 진행이 되지 않는, 버그성 동작들이 발견되었다. 타들어가는 속을 삼키며 황급히 원인을 파악했고 페이지 이동이 아닌, nav tab 간 이동이 발생하면서 1) 각 target 요소들을 정확히 조회하지 못하거나 2) 제어 중인 요소가 사라졌다 다시 생성되는 경우 가 있음을 발견했다. trigger 관련 알고리즘을 수정하고, event binding.. 공감수 0 댓글수 1 2024. 3. 24.
전방 십자인대 재건술 3달 차 후기 (재활 시작!!) 보조기를 뗐다!!! 의사 선생님 왈: 아직 뛰는 건 안되지만, 가벼운 운동으로 허벅지 힘을 기르도록 하세요. (실내 자전거 같은 게 좋단다. 스쿼트를 추천!)보조기를 떼고 처음으로 밖을 걷는데... 어찌나 다리가 가볍던지. 물론 보조기를 때기 전에도 불가능한 건 아니었지만, 계단을 오르내린다던지, 버스를 탄다던지 하는 일상생활이 훨씬x1000 편해졌다. 이제 남은 건 → 재활을 하면서 다리 근육을 원상복구 시키는 것!커뮤니티 헬스장이 몇 주 뒤에 문을 연대서 그전까진 유튜브를 보며 홈트레이닝을 하기로 했다. 주로 전신 운동 위주의 영상을 따라하면서 가끔 지나치게 활동적이거나 무릎을 많이 접는 자세가 나오면 생략하며 진행하는데, 15분~20분 정도의 짧은 영상인데도 기초 대사량 저하 + 근육 없어짐 + 무.. 공감수 1 댓글수 0 2024. 3. 22.
24.03.10~24.03.17 업무 신규 기능(Trigger ) 관련 버그 수정 offset width, height 계산 관련 오류 target element의 너비, 높이를 정확하게 계산하지 못해 올바른 곳에 요소가 위치하지 못하는 버그가 발생했다. 문제는 대부분의 상황에서는 잘 동작하는데, 개발자 도구를 켰을 때, 화면 우측 요소를 타겟팅할 때 등 알 수 없는 케이스에서만 이러한 일이 발생한다는 것! 이런저런 방향으로 디버깅을 한 결과... target element 너비 높이를 계산하기 위해 사용한 hooks에서 callback ref의 호출 시점이 painting이 완료된 시점과 달라 해당 문제가 발생했음을 알 수 있었다. → callback ref에서 대상 element의 너비, 높이가 변하지 않을 때까지 해당 함수를 호출.. 공감수 0 댓글수 2 2024. 3. 17.
[next js] App Router Fetch Cache가 동작하지 않을 때 Data Fetching https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating Data Fetching: Fetching, Caching, and Revalidating | Next.js Learn how to fetch, cache, and revalidate data in your Next.js application. nextjs.org Next js App router는 fetch web api를 확장, caching, revalidating 등의 기능을 제공해 각 요청을 자동으로 memoize 할 수 있도록 합니다. async function getData() { con.. 공감수 0 댓글수 0 2024. 3. 11.
24.03.03~24.03.10 업무extension 피드백 개선1달간 기존 익스텐션 개선 + Admin 페이지 작업을 했고, 결과물을 POC 기업(B사, series A)에 전달했다. 해당 기업으로부터 피드백을 전달받았는데 오류도 있었고, 추가적으로 개발할 기능도 있어서 해당 부분을 작업했다. 내가 담당했던 Admin 페이지의 경우, 페이지 접속 자체가 안 되는 이슈가 있었는데 알고 보니 특정 query 작업 시 DB transaction에 문제가 있어 백엔드 서버 자체가 죽어버리는 상황이었다. BE 개발자분이 열심히 수정하시는 사이... 나 역시 로그인 관련 의도치 않은 버그를 발견해, 이를 고쳤다. Next js로 구성한 Admin 페이지에서는 구글 소셜 로그인 후 자체 서버로부터 발급받은 Access token과 Refresh .. 공감수 0 댓글수 0 2024. 3. 10.
localhost fetch시 ECONNREFUSED 에러 해결하기 문제 상황 Next JS server component에서 로컬 개발 서버(ex localhost:8080)로 fetch를 통해 요청을 보내자 다음과 같은 에러가 발생했습니다. Internal error: TypeError: fetch failed at Object.fetch Cause: Error: connect ECONNREFUSED ::1:3004 개발 환경은 Next JS 14 버전(즉 node 18.17.0 이상). 해결 방안 처음에는 프론트단의 문제(혹은 Next server component의 문제..?)라 생각을 했었는데 fetch API 단에서 에러가 나는 걸 보고, 바로 구글링에 착수. 다음과 같은 이슈를 만날 수 있었습니다. https://github.com/node-fetch/nod.. 공감수 0 댓글수 0 2024. 3. 7.
esbuild 번들링 시 환경변수 관리하기 문제 상황 현재 사내 서비스는 자체적으로 개발/배포하는 github private package를 사용하고 있습니다. 해당 패키지에서는 각 운영 환경에 따라 달라지는 값들이 존재하는데... // some-module.ts class Module { // private BASE_URL = 'https://production.com'; // private BASE_URL = 'https://development.com'; } (대표적으로, 개발 OR 배포에 따라 end-point인 server 주소가 달라지는 모습) 이러한 값들을 개발자가 배포 시 일일이 변경해 상당한 비효율이 발생했습니다! 즉 개발 환경 배포 시에는 → BASE_URL을 development.com으로 프로덕션 환경 배포 시에는 → BAS.. 공감수 0 댓글수 0 2024. 3. 5.
24.02.25~24.03.03 업무 Admin 페이지 기능 개발 및 배포 Hi-Fi 디자인 Hi-Fi 디자인이 지난주 금요일에 나와, 이를 빠르게 반영했다. 현재 우리 팀은 styled-component를 통해 스타일 작업을 처리하는데, 그 과정에서 GlobalStyle과 theme를 적용해 Figma상의 디자인 토큰들과 동일한 결과물을, 빠르게 만들어 낼 수 있게끔 노력했다. 하지만 아직도... 디자인 토큰에 대한 타입 지정, 공통 컴포넌트의 스타일링 범위 및 방법 등에 대한 명쾌한 답을 내리지 못한 상태. → 좀 더 고민하고, 다양한 시도를 해 볼 예정이다! Admin, Script 추가 기능 개발 Admin 웹페이지 내 미비 기능과 (publish, CRUD, 하위 정책 반영 등) Script 실행을 위한 패키지 내 수정 사항을.. 공감수 0 댓글수 0 2024. 3. 3.
24.02.18~24.02.25 업무 1. Admin 기능 개발 guide, workspace 관련 CRUD 기능을 개발했다. 2. 시스템 테스트 staging 환경에서 시스템 테스트를 진행했다. 개발을 하다 보면 local에서는 동작하는데, 배포 환경만 가면 에러가 나는 기현상을 맞이하게 된다. 물론 대부분이 개발자의 탓이고, 이런 일이 발생하지 않도록 하는 것이 최우선이지만... 개발 환경과 배포 환경의 차이와 문제 사항을 빠르게 찾아내는 것 또한 하나의 방법! 따라서 목표한 개발 사항을 완료하지 못했더라도 현재까지의 모든 개발 결과물을 staging에 배포하고, 배포된 staging 환경에서 각 서비스 간(Admin Extension Server) 시스템 테스트를 진행했다. 인수 테스트 전, 자체적인 테스트 단계를 수행했다는 건 .. 공감수 0 댓글수 0 2024. 2. 25.
전방 십자인대 재건술 2달 차 후기 (목발 안녕!) 수술한 지 2달 차. 드디어 목발을 뗐다! 밖에 나갈 때만 보조기를 착용하고, 집에 있을 때는 맨다리로 뚜벅뚜벅. 처음 목발 없이 걸었을 때는 아기 망아지가 처음 걷는 것 마냥 휘청휘청. 수술한 부위가 아파서보다 허벅지 근육이 빠져 몸을 지탱하지 못해 나도 모르게 절뚝이며 걸을 때가 많았다. 습관이 돼서는 안되기에, 의식적으로 허벅지에 힘을 주고 걷는 중! 현재 수술 2달+1주일이 지났는데, 아직은 출퇴근을 하며 걸을 때 무릎이 시큰시큰할 때도 있다. 하지만 뭐랄까, 생각보다 금방 몸이 돌아오는 게 느껴진다! 하루하루 걷는 게 익숙하고 자연스러워지는 듯한 느낌. 어색하게나마 계단도 오르락내리락할 수 있고, 수술한쪽 다리로 잠깐 버티며 서있는 것도 가능하다. (서서 양말 신고 벗기가 가능하다는 뜻. 와!!.. 공감수 0 댓글수 0 2024. 2. 22.
네트워크 기초 정리 - 네트워크 인터페이스 선택 원리와 기준 네트워크 인터페이스 선택 원리와 기준 Process가 Socket을 열어 바인딩할 TCP/IP를 어떻게 결정하는가? → 이는 여러 개의 Network Interface 중 무엇을 선택할 것인가 하는 질문으로 이해할 수 있습니다. (이를 결정하는 것을 Swiching이라 하는데, Swiching을 좀 더 추상화한 질문) 응용 프로그램이 소켓을 개발할 때 IP 주소를 특정하지 않는다면, OS 수준에서 임의로 IP를 선택하며 이때 선택 기준은 (여러 가지가 있지만 PC 한정) → Routing 경로 계산 시 가장 비용이 적은 Network Interface 입니다! 이때 해당 비용 = Metric 으로 이해할 수 있으며 각 OS, 제조사 별로 Metric을 선정하는 공식이 정해져 있습니다. https://ww.. 공감수 0 댓글수 0 2024. 2. 20.
네트워크 기초 정리 - 데이터 단위 Stream User모드 Application Process(즉, socket) 수준에서의 데이터 단위를 Stream이라 합니다. Stream 데이터란 시작점은 존재하지만 끝은 알 수 없는, 일렬로 쭉 널어진 데이터를 의미하며, process는 File에 stream 데이터는 Write하게 됩니다. (ex Word 문서 작업을 하며 글을 쓸 경우, 글자를 입력하는 만큼 파일 크기가 커짐) Segment stream 데이터가 Kernal로 이동해 TCP를 만날 때 Stream 데이터는 일정 길이로 분해되는데, 이를 segmentation이라 합니다. 추가적으로 이렇게 분해된 조각 하나하나의 데이터 단위를 Segment라 합니다. 이 때 Stream 데이터가 분해되는 일정 단위의 길이는 TCP 수준에서의 최.. 공감수 0 댓글수 0 2024. 2. 19.
24.02.11~24.02.18 업무 Admin 페이지 인증 기능 개발 jwt 토큰을 사용한 인증 기능을 구현했다. server action을 통해 로그인, 로그아웃 등의 과정에서 server 측 동작(Cookie 제어)을 수행했고 middleware를 통해 각 요청 적 access token의 만료 여부와 재갱신 로직을 구현했다. next js 13 업데이트 이후, 처음으로 실 서비스에 해당 기능들을 적용해 본 것이었는데... 그간 웹 프론트엔드 개발을 하며 느꼈던 불편함이나, '이런 기능이 있으면 어떨까'하는 아쉬움을 정확이 긁어주는 듯한 느낌을 받았다. 개인적으로 직관성이 굉장히 떨어진다 느꼈던 getServerSideProps, getStaticProps, getStaticPaths 등의 예악어들이 사라진 것도 좋았고, 해당 기.. 공감수 1 댓글수 1 2024. 2. 18.
[next js] app directory에서 token 저장하기 next js 13 버전에서 app directory가 등장하면서, app directory내 모든 컴포넌트들은 기본적으로 server component로 동작하게 되었습니다. https://nextjs.org/docs/app/building-your-application/rendering/server-components Rendering: Server Components | Next.js Learn how you can use React Server Components to render parts of your application on the server. nextjs.org 이러한 React Server Component(RSC)는 말 그대로 서버에서 실행되기 때문에 기존의 Client에서 실행되던.. 공감수 0 댓글수 0 2024. 2. 13.
24.02.04~24.02.11 업무 extension 아키텍처 설계 지난주 업무의 연장! extension UX 개선본 와이어프레임에 기반해, 애플리케이션 아키텍처를 설계했다. extension service 기준 모듈 구조 extension 개발 특성상 각 서비스 별로 사용되는 자원들이 크게 달랐고 이를 반영해 각 자원들을 background(service worker), content script, pop up, sidepanel의 네 가지 구성 요소로 나누었다. 2개 이상의 서비스에서 사용되는 공통 모듈(api, interface, hooks, module, service 등)들을 제외한 나머지 자원들은 해당 서비스 내 폴더에 위치 + 서비스 내부에서만 사용한다는 원칙을 세웠고, 이를 통해 ver 1 extension을 개발할 .. 공감수 0 댓글수 0 2024. 2. 11.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.