Python was not found; 파이썬을 설치했는데 찾을 수 없다니..

파이썬 설치 확인vscode에서 python 확장을 설치하고 설치 확인을 위해 터미널에 python --version 명령어를 작성했다그런데..  파이썬이 없다고 한다 와이.. 파이썬이 정말 없는 건지 확인하기 위해 터미널에 where python을 실행했다 위치가 확인되는 걸 보니 파이썬은 잘 설치된 것 같다. 실행 경로 설정 오류 해결하기 (Windows 11)윈도우 메뉴에서 앱 > 고급 앱 설정 > 앱 실행 별칭으로 들어간다 python과 관련된 설정들을 모두 꺼준다. 여전히 안된다.. 알아보니 처음 where python 명령어로 확인했던 경로가 원인이라는 말이 있어서 직접 파이썬을 설치해보기로 했다 파이썬 다운받기 Download PythonThe official home of the Pytho..

• format_list_bulleted 아티클 & 개발 팁
• · 2025. 2. 19.
• textsms

[Sentry + Next.js] 내 프로젝트 에러 자동사냥하기

이번에 만든 썸네일 생성기도 계속 개선하면서 사용자를 모아보고 싶어서 센트리를 붙이기로 했다. 팀프로젝트를 진행할 때 UT 배포 전 센트리를 세팅해두고싶어서 급하게 설정을 했었는데 이번에 좀 더 여유가 있어서 글로 정리해보려한다. Sentry 공식문서 Next.js | Sentry for Next.jsLearn how to set up and configure Sentry in your Next.js application using the installation wizard, capture your first errors, and view them in Sentry.docs.sentry.io 설치npx @sentry/wizard@latest -i nextjs  프로젝트 설정터미널에서 센트리 계정을 확인하..

• format_list_bulleted 아티클 & 개발 팁
• · 2025. 2. 14.
• textsms

[Frontend Fundamentals] 코드의 가독성을 위한 맥락 줄이기

* Toss의 Frontend Fundamentals를 읽으며 메모 및 공부한 내용입니다.  함께 실행되지 않는 코드는 분리하기분기가 나뉘는 등 동시에 실행되지 않는 코드가 하나의 함수 혹은 하나의 컴포넌트에 있다면, 그 요소의 동작/역할을 파악하기 어렵다. 만약 사용자의 권한에따라 렌더링되는 버튼이 다르다면 아래처럼 구현할 수 있다.function SubmitButton() { const isViewer = useRole() === "viewer"; useEffect(() => { if (isViewer) { return; // A케이스 } showButtonAnimation(); // B케이스 }, [isViewer]); return isViewer ? ( S..

• format_list_bulleted 아티클 & 개발 팁
• · 2025. 2. 4.
• textsms

[React Native] ScrollView와 FlatList

React Native에서 스크롤 가능한 영역을 만들 때 사용하는 두 컴포넌트를 정리해보자!  ScrollViewScrollView는 모든 자식 요소를 한번에 로드하고 렌더링하는 스크롤 컨테이너다.따라서 스크롤 가능한 컨텐츠가 적거나, 컨텐츠가 한정되어 있을 때 사용하는 것이 좋다. 웹개발시 JSX로 목록을 렌더링할 때 많이 사용했듯이 map 등을 이용해 스크롤할 요소들을 ScrollView의 자식컴포넌트로 지정해준다. 예시 {courseGoals.map((goal) => ( {goal} ))} courseGoals라는 배열에 담긴 goal들을 Text 컴포넌트로 출력하는 예시다. ScrollView는 기본적으로 내부(자식..

• format_list_bulleted React Native
• · 2025. 2. 4.
• textsms

React Native의 주요 컴포넌트와 스타일링

React Native의 주요 컴포넌트React Native에서는 , 같은 HTML 태그를 사용할 수 없다.네이티브 앱은 브라우저에서 실행되지 않으며, DOM이 없기 때문이다.대신 React Native는 우리가 작성한 JSX 태그를 각 네이티브 환경에 맞게 변환해준다. 예시React Native JSX의 는 각 환경에서 아래와 같이 변환된다.React-dom의 Android Native Component의 android.ViewiOS Native Component의 UIView App 컴포넌트App.js 파일에서 App 컴포넌트를 내보낸다.이는 앱의 루트 컴포넌트로 사용된다. View 컴포넌트HTML의 div와 유사하지만, 내부에 직접 문자열을 넣을 수 없다.텍스트를 넣고싶은 경우 태그를 사용해야..

• format_list_bulleted React Native
• · 2025. 1. 31.
• textsms

React Native에 대해 알아보자 - 개념, 설치, 실행 with Expo CLI

React.jsReact.js는 UI를 만들기 위한 JavaScript 라이브러리다.보통 웹 개발에 많이 사용되며, 컴포넌트 기반으로 UI를 구성하고 이를 통해 재사용 가능한 UI를 만들 수 있게 한다. React-dom리액트를 사용해 웹 애플리케이션을 구축하는 데 필요한 라이브러리다.사실 리액트 자체는 플랫폼에 구축받지 않고 웹을 포함한 다양한 플랫폼에서 사용할 수 있는 독립적인 라이브러리다.이 때 React-dom은 브라우저 환경에서 리액트 앱을 실제로 실행할 수 있게 해주는 도구다.리액트가 가상 DOM을 사용해 UI를 업데이트하고, React-dom은 그 업데이트를 실제 dom에 반영한다. React NativeReact Native는 리액트의 개념을 모바일 애플리케이션에 적용한 툴이다.필요한 컴포..

• format_list_bulleted React Native
• · 2025. 1. 30.
• textsms