Latest

[flutter] 비동기 병렬 처리(Future.wait) flutter 앱 적용기

[flutter] 비동기 병렬 처리(Future.wait) flutter 앱 적용기

들어가는 말 최근 진행했던 flutter 프로젝트에는 화면 당 초기에 2-3번 많게는 4-5번의 api 호출 을 하게 됩니다. 이처럼 여러 번의 api 호출 시 응답 속도를 개선한 경험이 있어 공유합니다. 이때 flutter의 비동기 처리 방식이 javascript와 유사한 부분이 많아 비교 참조 하였습니다. javascript의 비동기 처리 방식 어플리케이션에서 네트워크 요청, 파일 읽기/

By Plato Jung

기술뉴스 모음 2024-03-11

* 앤트로픽, 현존 최강 LMM '클로드 3' 출시..."GPT-4·제미나이 성능 능가" (aitimes.com) * LLM은 옛말...이미지까지 학습한 'LMM' 뜬다 (aitimes.com) * 머스크 “오픈AI를 오픈하라”…법정까지 가는 ‘인공지능의 철학’ (hani.co.kr) * 앞으로 모든 회사는 콘텐츠 회사가 될 겁니다! (blog.brunch.com) * AI시대에 필요한 개발자, Product Engineer (yozm.wishket.com) * (번역)

By Hoijoo
[Javascript] 기준 날짜를 내가 설정한 시간의 기준 날짜로 구하기

[Javascript] 기준 날짜를 내가 설정한 시간의 기준 날짜로 구하기

이슈 * 사용자 기준 시간이 내가 설정한 시간이 아닌 브라우저 시간을 기준으로 나오는 현상이 있었습니다 예시 * 한국(UTC+9) 2024년 3월 5일 아침 8시에 내가 설정한 시간대가 UTC-1이고 기준 날짜를 구하는 경우(UTC+9와 UTC-1은 10시간 차이가 납니다) * 한국 시간: 2024-03-05 08:00 -> 기준 날짜: 3월 5일 * 설정 시간: 2024-03-04

By Taehwan Go
아키텍처 결정 레코드(ADR)

아키텍처 결정 레코드(ADR)

아키텍처 결정을 가장 효과적으로 문서화하는 방법은 아키텍처 결정 레코드(Architecture Decision Reccord, ADR)을 작성하는 것 입니다 기본 구조 ADR의 기본 구조는 제목(Title), 상태(Status), 콘텍스트(Context), 결정(Decision), 결과(Consequences) 이렇게 5개 섹션으로 구성됩니다 여기에 컴플라이언스(Compliance)와 노트(Notes)라는 추가 섹션을 덧붙일 수 있습니다 제목 * 아키텍처

By Taehwan Go
What is startup traps?

startup

What is startup traps?

스타트업이 빠질 수 있는 함정에 대해 고민하며 웹서핑을 하다 아래 글이 가슴에 와 닿아서 공유합니다. (번역) 3View는 일당백하는 슈퍼개발자 필수인원을 채용하였고 Full Stack Engineer를 지향하며 업무를 교차하고 Datadog(SaaS)을 통해 SRE, QA를 실현하고 있습니다. 1. 숙련된 개발자를 찾는데 투자하라 2. 품질관리에 일찍 투자하라 3. 프레임웍과 기술 선택에 유의하라 4.

By Hyonsok

FastAPI + SQLModel Postgres DB연동

FastAPI + SQLModel Postgres DB연동 검색해도 잘 안나와서 포스팅 합니다.   다음 공식 사이트는 sqlite로 되어 있습니다. https://sqlmodel.tiangolo.com/  SQLModelSQLModel, SQL databases in Python, designed for simplicity, compatibility, and robustness.sqlmodel.tiangolo.com   postgres연동으로 교체한 후 실행 from typing import Optional from sqlmodel import Field, SQLModel, create_engine, Session, select

By Kyeongrok.kim
axios 를 이용해서 우아하게 파라미터 넘기기

axios 를 이용해서 우아하게 파라미터 넘기기

GET 메서드는 파라미터를 query string으로 넘깁니다 * 위 그림의 parameters는 query string 이라고도 부릅니다 데이터 조회 시 파라미터 넘기기 type FactoryParams = { size: number; page: number; companyId?: string; factoryName?: string; enabled?: boolean; sort?: string | string[]; } export async function getFactories({ companyId, factoryName, enabled, page, size, sort, }: FactoryParams) { const queryParams = []; if (companyId !== '') { queryParams.

By Taehwan Go
[앱개발] flutter에 함수형 예외처리  적용해보기.

3view

[앱개발] flutter에 함수형 예외처리 적용해보기.

들어가는 말 쓰리뷰에서는 몇 차례 flutter를 이용한 앱개발 프로젝트를 진행해 왔습니다. 프로젝트로 개발한 앱의 주요 기능이 Spring Boot로 구동되는 백엔드 서버와 API통신을 하면서 이루어졌기 때문에 좀 더 개선된 형태의 API 호출 구조를 만들고자 노력하였습니다. 이러한 노력의 일환으로 flutter 프로젝트에 함수형 예외처리 방식(Fuctional exception handling)을 도입하였습니다. 이번 글에서는 flutter

By Plato Jung

tech-news-summary

기술뉴스 모음, 2024-01-29

* 개발자 생산성 측정하기, 실제 사례(pragmaticengineer.com) * 2024 DevOps 트렌드(infograb.net) * 플랫폼 구축에 프로덕트 접근방식 취하기(infracloud.io) * 웹 접근성 준수를 통한 모두에게 배달되는 일상의 행복(woowahan.com) * 표준 개발 환경 개선 되돌아보기(woowahan.com) * 개발자 경험이란(Developer Experience)(toss.tech) * 스타트업 지원전에 생각해야 할 것(brunch.co.kr)

By Hyonsok
[TypeScript] as 대신 satisfies

TypeScript

[TypeScript] as 대신 satisfies

satisfies 는 as와 같이 타입 캐스팅하는 용도로 사용할 수 있습니다 * satisfies는 타입스크립트 4.9버전에 업데이트되었습니다 as는 강제로 해당 타입으로 만들어주지만 satifies는 실제로 타입이 맞는지 확인을 합니다 * as로 타입을 캐스팅하면 위와 같이 타입 중 일부가 없어도 타입에러가 발생하지 않지만 satisfies는 모두 있는지 확인해서 안전하게 사용할 수 있습니다

By Taehwan Go
Git Cherrypick 사용법

git

Git Cherrypick 사용법

Git Chrrey Pick 다른 브랜치에 반영한 변경 사항을 현재 브랜치로 가지고 오는 것을 '체리 픽'이라고 합니다. 현재 A라는 기능을 branch-A라는 브랜치를 따서 작업 중 입니다. 이때 갑자기 버그 픽스를 해야 하는 태스크가 들어왔을 때 A라는 기능은 branch-A에 커밋한 후 main브랜치로 전환해서 작업중인 내용은 포함이 안되지만 버그 픽스한 수정사항만 반영 하기

By Kyeongrok.kim
Azure Container App Tips

container

Azure Container App Tips

3View에서는 Azure Cloud의 서버리스 제품인 Container App을 이용해 SaaS 서비스를 제공하고 있습니다. Azure Container App 을 서비스(운영) 환경으로 사용시 체크해야 할 팁을 공유합니다. 1. Private Network으로 배포 (Terraform Case) 2. 도커 환경변수 추가시 GitHub Actions Variable 사용 1. Azure Console에서 수동으로 도커 환경변수를 추가하면 간혹 아무 에러메시지 없이 추가가

By Hyonsok

응집도

기준에 의한 리팩토링 - 응집도가 높은지를 판단하는 척도

오브젝트<조영호> 책의 내용에 근거해 코드를 리팩토링 하고 있습니다. 책에 있는 내용을 잘 정리 해놓은 블로그가 있어서 참고하고 있는데 포스팅 저자님께서 '응집도가 높고 낮음'을 판단하는 부분에 대해 코드를 다음번에 올려주신다고 하여 제가 직접 찾아보고 이 포스팅을 작성 합니다.     용어 정리 응집도(Cohesion) - 모듈 또는 클래스의 내부 요소들이 얼마나 밀접하게

By Kyeongrok.kim