JadeCode

create-next-app으로 프로젝트를 새로 만드는데 App router(recommend)라는 cli옵션이 있었다. 아무 생각 없이 Y를 누르고 프로젝트가 생성되기 기다렸다..... 컴포넌트 구조가 기존에는 app/pages, app/styles였다면 이번에는 바로 src/app으로 통일되어있었다. 이제서야 찾아본 나. 반성하는 중이다... next.js가 13버전으로 업데이트 되면서 라우팅 방식이 바뀐 것이다. 그리고 여러가지 바뀐 점이 있는데.. 1. Layout 과거의 프로젝트에서는 따로 Layout.tsx로 파일을 만들고 _app.tsx에 제일 상단에 적용했다. import Layout from "@/components/utils/Layout"; export default function A..

https://mealti-38fed.web.app/ MEALTI 밀티로 오늘의 식사를 기록해보세요 식비 가계부 보러가기 → 뭐 먹을지 고민 된다면? 레시피 추천 받으러 가기 → mealti-38fed.web.app 파이어베이스로 호스팅 한 내 웹 사이트 밀티! 반응형으로 구현하였기 때문에 모바일 상에서도 잘 열린다. 하지만 왠지 모르게 어플로 된다면 좋겠다... 라는 생각이 들던 와중 웹뷰로 해서 폰에 다운 받으면 어떨까 라는 생각에 웹뷰에 대해서 알아보게 되었다. React Native로 만들기! expo를 사용하면 쉽게 만들 수 있다. npm install -g expo-cli npx create-expo-app 앱이름 npm install -g eas-cli // eas 서비스 이용 Expo 회원..

일반 alert창을 조금 특별하게 만들고 싶었다. 너무 너무 만들고 싶었다. customAlert("확인")}/> 위의 div에서 onClick 을 눌렀을 때 진짜로 커스텀 알람이 실행되길 원했다. 우선 검색을 해 보니 ReactDOM.render를 사용해서 만들어 보길 추천하였다. 그래서 코드를 작성했다. import { useEffect, useState } from "react"; import ReactDOM from "react-dom"; import styled, { css } from "styled-components"; interface CustomAlertProps { message: string; onConfirm: () => void; } const CustomAlert = ({ mes..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

데러쿱프로젝트 개인 필사 리뷰 공유 페이지 책읽는 습관을 만들기 위해

보호되어 있는 글입니다.

보호되어 있는 글입니다.