728x90 전체 글47 Flutter를 이해하기 위한 7가지 핵심 원리 최근 Flutter의 핵심 원리를 얼마나 깊이 이해하고 있는지 돌아보게 하는 7가지 질문을 다룬 글을 읽었다.질문 자체는 익숙했다. setState, BuildContext, Key, 상태 관리처럼 Flutter를 사용하다 보면 한 번쯤 접하게 되는 개념들이다. 하지만 막상 “왜 필요한가?”, “내부적으로 어떻게 동작하는가?”라고 물으면 명확하게 설명하기 어려운 부분도 있었다.이번 글에서는 원문의 내용을 그대로 옮기기보다, 7가지 질문을 기준으로 Flutter의 핵심 원리를 공식 문서와 함께 다시 정리해 보려고 한다.1. setState()를 호출하면 실제로 어떤 일이 일어날까?보통은 “setState()를 호출하면 화면이 다시 그려진다”라고 설명한다. 방향은 맞지만 정확한 설명은 아니다.setState.. 2026. 9. 1. 앱 링크 다시 보기: Universal Links, App Links 그리고 Deferred Deep Link 아키텍처 Android Install Referrer와 iOS의 한계, Airbridge 구조 비교까지2023년, FE 개발자로 활동하기 전의 나는 Android App Links와 iOS Universal Links 설정 과정을 각각 정리했었다.당시 공부했던 내용은 이후 협업에서 많은 도움이 되었다. 백엔드 개발자와 앱 내부 경로를 맞출 때도,앱링크가 안된다고 했을때도, 도메인 설정을 이야기할 때도, 앱 링크의 구조를 알고 있다는 사실은 생각보다 큰 힘이 되어주었다.그때는 앱 링크를 제대로 구현하는 것만으로도 충분히 어렵고 가치 있는 일이었다.2023년 Android App Links 설정 기록2023년 iOS Universal Links 설정 기록그리고 시간이 지난 2026년, 다시 앱 링크를 설계하면서 생각.. 2026. 8. 25. 기획부터 Figma 문서화까지, 바이브 코딩으로 완성한 PoC 개발기 이 글은 바이브 코딩으로 웹 목업을 제작하는 데서 그치지 않고, Flutter 구현과 Figma 문서화까지 실제 프로덕트 사이클을 한 차례 진행한 경험을 바탕으로 작성했습니다.요즘 개발 분야에서 ‘바이브 코딩(Vibe Coding)’이라는 말을 자주 접한다.자연어로 원하는 기능을 설명하고, AI가 생성한 코드를 바탕으로 애플리케이션을 만들어 가는 방식이다. 몇 번의 프롬프트만으로 그럴듯한 화면이 만들어지는 모습은 분명 인상적이다.하지만 실제 프로젝트에 적용하려면 조금 다른 질문이 생긴다.바이브 코딩은 빠르게 데모 화면을 만드는 단계를 넘어, 실제 프로덕트 개발 과정에서도 유용할까?이번 PoC에서는 이 질문을 직접 확인해 보기로 했다. 기획과 디자인을 함께 진행하며 웹 목업을 만들고, 검증된 결과를 Flu.. 2026. 8. 20. 로그인된 크롬이 AI의 손이 됐다: ChatGPT 데스크톱 앱을 사용해야하는 이유 요즘 ChatGPT 데스크톱 앱을 쓰면서 가장 크게 체감한 변화는 답변의 품질이 아니라 ‘실제로 일을 끝내는 범위’다.크롬 확장 프로그램을 연결하면 ChatGPT는 별도의 테스트 브라우저가 아니라 내가 평소 사용하는 크롬의 열린 탭과 로그인 세션을 활용할 수 있다. 화면을 읽고, 필요한 항목을 찾고, 클릭하고, 입력하고, 여러 탭의 정보를 비교할 수 있다.이 차이는 생각보다 크다. 로그인된 브라우저가 곧 AI의 작업 환경이 된다.로그인이 필요한 순간, AI는 더 이상 문 앞에서 멈추지 않는다웹 자동화가 답답했던 가장 큰 이유는 로그인 이후의 화면을 다루기 어려웠기 때문이다. Google Analytics, 관리자 대시보드, 사내 도구처럼 공개 검색으로는 접근할 수 없는 정보는 사용자가 직접 열어 보여줘야.. 2026. 8. 19. Flutter vs React Native in 2026: 성능보다 중요한 선택 기준 크로스 플랫폼 앱 개발을 검토하면 가장 먼저 나오는 질문이 있습니다.Flutter와 React Native 중 무엇이 더 좋은가?몇 년 전에는 렌더링 성능, 안정성, 네이티브 기능 지원 여부가 주요 비교 기준이었습니다.하지만 2026년에는 두 프레임워크 모두 실제 서비스를 운영할 만큼 충분히 성숙했습니다.이제 절대적인 승자를 찾기보다 우리 프로젝트와 팀에 어느 쪽이 더 잘 맞는지 판단하는 것이 중요합니다.Flutter의 강점은 일관된 UI다Flutter의 가장 큰 장점은 플랫폼이 달라도 비교적 동일한 디자인을 구현할 수 있다는 점입니다.Flutter는 운영체제의 기본 UI 컴포넌트에 크게 의존하지 않고 자체 위젯과 렌더링 시스템을 사용합니다. 그 덕분에 iOS와 Android에서 화면이 조금씩 다르게 보.. 2026. 8. 14. React 개발자가 반드시 알아야 하는 보안 가이드 (XSS, JWT, CSRF, CSP) React는 대표적인 프론트엔드 라이브러리 중 하나이며, 기본적으로 XSS(Cross Site Scripting)와 같은 대표적인 웹 취약점을 방어하도록 설계되어 있습니다. 그래서 많은 개발자가 "React를 사용하면 보안도 어느 정도 해결된다."라고 생각하기도 합니다.하지만 실제 서비스에서는 이야기가 조금 다릅니다.사용자가 작성한 HTML을 출력하거나, JWT를 LocalStorage에 저장하거나, 서버에서 입력값 검증을 하지 않는 순간 React의 기본 보호 기능만으로는 애플리케이션을 안전하게 지킬 수 없습니다.이번 글에서는 React 프로젝트를 운영하면서 반드시 알고 있어야 하는 보안 요소들을 정리해 보겠습니다.1. React는 왜 XSS 공격에 비교적 안전할까?대표적인 웹 공격 중 하나가 XSS(.. 2026. 7. 10. 이전 1 2 3 4 ··· 8 다음 728x90