React를 사용하다면 자연스럽게 JSX 문법을 사용하게 된다.하지만 사용하면서 JSX 코드가 어떻게 자연스럽게 브라우저에 실행되는지 그리고 React 와 JSX 는 어떤 관계인지에 대해 궁금해서 해당 글을 작성해본다.JSX 는 React를 위한게 아니다.나도 이 블로그를 쓰기 전까지 잘못 알고있던 사실중 하나이다. JSX 는 React 전용 문법이라고 생각했는데 사실은 그렇지 않다. JSX는 Meta 에서 만든 하나의 문법 사양 일뿐 React를 위한 전용이 아니다. 단지 React 에서 JSX를 채택하여 UI를 표한하는 하나의 라이브러리이다.이를 대표적으로 사용하는게 JSX 문법중에 JSXNamespacedName 이다. 이는 와 같은 콜론을 사용하는 네임스페이스 문법이지만 React에서는 이를 공..

React / Next.js 보안 취약점 관련 내용으로 글을 포스팅합니다.개요지난 11월 29일, 보안 연구원 Lachlan Davidson에 의해 React 생태계, 특히 최신 버전인 React 19와 Next.js를 관통하는 치명적인 보안 취약점이 발견되었습니다. 이 문제는 Meta 측에 즉시 보고되었으며, 현재 전 세계 프론트엔드/풀스택 개발자들 사이에서 가장 시급한 이슈로 떠오르고 있습니다.이번 취약점은 단순한 정보 노출이 아닌, 원격 코드 실행(RCE, Remote Code Execution) 이 가능하다는 점에서 매우 위험합니다. 이에 따라 다음과 같은 CVE 번호와 심각도 점수가 부여되었습니다.관련 CVE:CVE-2025-55182 (React)CVE-2025-66478 (Next.js)CV..

안드로이드 설정android → app → src → main → res들어가면 아래 사진과 같이 폴더와 파일이 존재한다. ic_launcher.png 파일이랑 ic_luncher_round.png 파일까지 전부 바꿔줘야된다.이 파일들을 icon kitchen 사이트에 있는 파일과 대치 시켜주면된다.iOS 설정XCode 에서 프로젝트를 열어준 이후 앱 → 이미지로 가서 AppIcon 에서 설정해준다.

React-Native 에서 화면 스크린에 구글 맵을 띄우고 싶으면 react-native-maps 을 이용하면된다.우선 Google Map을 하려면 Google API 키가 필요하다.react-native-maps 라이브러리 설치react-native-maps 라이브러리를 설치해준다.$ npm install react-native-maps# --- or ---$ yarn add react-native-mapspods 설치cocoapod으로 ios에 react-native에서 라이브러리를 넣어주는 작업을 해준다.$ npx pod-installcode 추가해주기ios → ProjectName → AppDelegate.mm파일에 에 코드를 추가한다.// 이부분 추가+ #import @implementatio..

💡읽기전에. 다음 내용은 미리 파일을 Config.xcconfig 를 미리 만들어놓고 재현하는 과정을 담았습니다.때문에 사진을 보면 Config.xcconfig 파일과 Config1.xcconfig 파일 두개가 있는걸 볼 수 있는데 이건 그냥 같은파일이라고 생각하면됩니다. 중간에 다시 파일을 지워서 사진을 정상화한 부분도 있으니 참고Config.xcconfig 파일 생성xcode로 들어간다음에 프로젝트 우클릭후 파일을 생성한다.이후 우측 상단엔 configuration 을 검색 하면 아래와 같이 configuration Settings File 을 클릭하고 Next 생성을 한 이후에 API_KEY 의 KEY 값과 Value를 작성해준다.Info.plist와 연결API_KEY를 Info.plist 항목을..

postgresql 설치 바법brew 로 설치구글에 homebrew postgresql 검색후에 → 사이트들어가서 brew install postgresql@14다음 명령어를 터미널에 실행 ⭕️ 전부 설치후 실행명령어brew services start postgresql@14❌ 정지 명령어brew services stop postgresql@14