본문 바로가기

전체 글74

[VScode] .env 파일 사용하기(feat. launch.json 사용하는 방법) 앱 개발을 할 때 네이버나 구글 등에서 제공하는 외부 API 를 사용하는데 보통 api key 가 필요한 경우가 많다. api key 를 발급받아서 사용하는 방법은 여러가지가 있다. 요청 url 에 하드코딩하거나 key 값을 변수로 등록하여 파라미터 값으로 전달할 수 있고 환경변수 파일에 등록하여 key 값을 받아오는 방법 등이 있다. api key 를 직접 하드코딩하는 게 가장 편하고 쉬운 방법이지만, 코드가 외부에 공개됐을 때 보안에 취약하고 악의적인 사용이 감지된다면 API 접근이 어려워지거나 최악의 경우 비용이 청구될 수도 있다.    이번 프로젝트에서는 환경변수 파일(.env) 파일을 생성하여 api key 를 관리하고 git 에는 파일을 올리지 않도록하여 키값이 유출되지 않도록 개발하는 방법을.. 2025. 1. 2.
[트러블슈팅] Hero 애니메이션 안되는 이유(feat. tag 설정) 문제 설명TMDB 에서 영화 데이터를 API 통해 받아와서 인기순, 상영 중인 영화 등을 보여주는 영화 앱을 만들고 있다. 영화 포스터를 누르면 hero 애니메이션이 적용되면서 영화의 자세한 정보를 확인할 수 있는 페이지로 이동하고 싶다. 하지만 오류가 나면서 일반적인 페이지 이동만 되는 상황이다. 내가 원하는 기능 실제로 되는 기능 문제There are multiple heroes that share the same tag within a subtree. 서브 트리 내에 동일한 태그를 공유하는 여러 hero 가 있다고 한다. 태그 이름이 중복돼서 오류가 나는 거 같아 코드를 확인했다. 처음 작성했던 코드class MovieImage extends StatelessWidget { MovieImage({.. 2024. 12. 31.
[flutter] Clean Architecture 에서 사용하는 개념 잡고가기 Clean Architecture 란?프로그램을 4단계의 계층으로 나누어 의존성 방향을 외부에서 내부로만 향할 수 있도록 구조체를 만들어 개발하는 것이다. 영화 정보를 보여주는 프로그램을 예시로 들어 각 개념과 대입을 해보자면 Entities- 비즈니스의 핵심 개념을 나타는 객체- Movie(영화 정보) class Use Cases- 프로그램의 특정 기능- 여러 영화의 정보 확인하기, 영화의 구체적인 정보 확인하기 Interface Adapters- Use Cases 와 Frameworks and Drivers 사이의 중간 역할(=Adapter)- Repository, ViewModel Frameworks and Drivers- 시스템의 핵심 업무와는 상관 없는 계층- DB, 외부 API Flutter .. 2024. 12. 27.
[flutter] 위젯이 재빌드되는 횟수 파악하기 vscode 에서 cmd+shift+p 로 커맨드 팔래트 열어서 Open Devtools Performance Page 를 열어준다. 이 때 flutter 는 실행되고 있는 상태여야만 아래와 같은 페이지가 뜨니까 참고하기를!  Open DevTools Performance Page 를 클릭하면 Performace 탭이 뜬다. Rebuild Stats 시트에서 한 화면의 전체 위젯들의 상황을 확인할 수 있다. Track widget build counts 박스를 표시하면 위젯들을 트래킹할 수 있고 Overall 이 화면이 바뀔 때 마다 재빌드되는 횟수를 실시간으로 확인할 수 있다. Text 위젯같은 경우 상수(const) 로 선언하면 성능 향상을 할 수 있으므로 적재적소에 const 선언을 두어 좀 더 빠.. 2024. 12. 23.