안녕하세요. 11기 SSAFYcial 입니당! 벌써 자율 프로젝트만 남았다니 시간이 너무 빨리 흐르는 거 같아요..! 싸피가 이제 끝난다니 시원섭섭한 느낌이네요..😓 좀 지쳐서 프로젝트 그만하고 싶기도 하고 근데 싸피 끝나면 뭐 하나 싶기도 하고,, 싸피에서 최근에 수료 기념 촬영을 진행하는데 무려 시현하다에서 촬영하러 오셨어요!! 처음에 시현하다에서 온다는 소식을 듣고 놀라서 난리난리~~~ 싸피 혜택 중에 젤 좋았어요ㅎㅎㅎ 🖼 시현하다 시현하다 레코더즈Record Your Moments.sihyunhada.com 증명사진이라는 소재로 진행한 1000인 프로젝트를 통해 사진관의 흐름과 인식을 바꾸었습니다. “누구나 고유의 색이 있다”라는 슬로건을 통해 기존의 사진관들이 진행해왔던 보편적인 미인상에 맞는 ..

🧐 특화 프로젝트?특화 프로젝트는 싸피 2학기의 두 번째 프로젝트이다!아래 10개의 도메인 중 하나의 도메인을 선택해서 진행하는데 우리 팀은 블록체인(P2P 거래)를 선택했다.우린 아직 아이디어를 정하지 않은 상태였기 때문에 다른 도메인을 선택하면 기획에 제한을 받을 것이라 생각했다.기획이 막막해서 저 중엔 그래도 블록체인이 범용성이 높지 않을까..라는 생각에 블록체인을 선택했는데 님아 그 강을 건너지 마오 📑 설계1. 사용자 역할공통 프로젝트에서도 사용자 역할이 3개였는데.. 어쩌다보니 또 사용자 역할이 3개였다.그래도 공통 프로젝트에서는 원장님과 선생님이 같은 페이지를 보면서도 다르게 보여줘야 하는 귀찮은 게 많았는데, 다행히 특화 프로젝트에서는 분리된 역할이라 괜찮긴 했다..ㅎㅎ예외 케이스가 발..

📍  패키지 설치yarn add -D @svg/webpack 📝 next.config.mjs/** @type {import('next').NextConfig} */const nextConfig = { webpack: (config) => { config.module.rules.push({ test: /\\.svg$/, use: ['@svgr/webpack'], }); return config; },};export default nextConfig; 📝스토리북에도 적용import type { StorybookConfig } from '@storybook/nextjs';const config: StorybookConfig = { stories: ['../src/*..

🚨 에러 발생Unhandled Runtime ErrorError: Text content does not match server-rendered HTML.See more info here:  🧨 문제 상황공식 문서: Text content does not match server-rendered HTML더보기Incorrect nesting of HTML tags nested in another  tag nested in a  tag or  nested in a  tagInteractive Content cannot be nested ( nested in a  tag,  nested in a  tag, etc.)Using checks like typeof window !== 'undefined' in y..

🚨 에러 발생Error: attribute height: Expected length, "auto". 🧨 문제 상황svg 파일에 width, height를 current로 설정해뒀는데 import하여 사용할 때 아래처럼 width에 값을 주고 height를 auto로 설정했더니 이런 에러가 떴다.// icon svg// component svg 파일에서 height를 auto로 바꿔보기도 했지만 문제는 여전했다.height를 auto로 설정해서 생긴 문제인데 아이콘이 정사각형인 경우면 height를 width와 똑같이 지정하면 되지만, 직사각형인 경우에는 width를 지정한 후에 height를 몇으로 줘야 할지 알 수 없었다. 🚔 해결 방법이전까지는 svg 파일에서 width, height를 커스..

📘 Page Router 장점📄 파일 시스템 기반의 간편한 페이지 라우팅 제공pages 폴더 안의 파일 구조에 따라 라우팅동적 경로를 사용하는 다이나믹 페이지도 대괄호를 통해 하나의 URL 파라미터에 대응 가능book/1, book/2, book/3, ...catch-all segments: [..id]중첩된 모든 URL 파라미터에 대응 가능book/1, book/2/100, book/100/2345/233/5232, ...optional catch-all segments: [[...id]]인덱스 페이지까지 포함하면서 동시에 중첩된 모든 URL 파라미터에 대응 가능book, book/1, book/2/100, book/100/2345/233/5232, ...📄 다양한 방식의 사전 렌더링 제공리액트의..

🧐 공통 프로젝트?공통 프로젝트는 싸피 2학기의 첫 프로젝트이다!프로젝트 기간은 2024.07.02(화) ~ 2024.08.16(금)로 약 7주간 진행한다.나는 팀 구성을 꼭 FE 3 + BE 3으로 구성하고 싶었기에 적극적으로 팀 빌딩을 했다.자기소개 자료를 빨리 만들어서 mattermost에 올리고 함께 할 팀원들을 찾았다.그 결과인지 다들 열심히 하는 팀원들을 만날 수 있었고, 좋은 결과까지 나와 기쁘당😄 💡 아이디어 해커톤초반에 아이디어 해커톤을 진행하는데 하루만에 아이디어 논의하고 피그마 만들고 발표자료까지 만들어서 발표해야 돼서 힘들닷..🥲우리팀은 '독립 지원 서비스'를 주제로 발표했다. 아이디어 해커톤에서 1, 2등을 뽑는데 우리 팀은 순위권에 들지 못해 우리 주제가 별론가 고민하게 ..

🚨 문제 상황 🥁 해결 방법윈도우에서 PowerShell의 실행 정책 때문에 발생한 문제라고 한다.yarn.ps1 파일을 실행하려고 할 때, 시스템에서 스크립트 실행이 차단되고 있다. 1. PowerShell을 관리자 권한으로 실행 2. 실행 정책 확인Get-ExecutionPolicyRestricted로 설정되어 있었다. 이를 RemoteSigned로 변경해서 로컬에서 실행되는 스크립트는 허용하고, 원격에서 받은 스크립트는 서명이 필요하도록 설정한다. 3. 실행 정책 변경Set-ExecutionPolicy RemoteSigned -Scope CurrentUser위 명령어로 실행 정책을 RemoteSigned로 변경한다.3번을 완료하고 2번을 다시 해보면 RemoteSigned라고 뜬다. 이제 yar..