안녕하세요. 11기 SSAFYcial 입니다😁싸피 2학기가 되고 공통 프로젝트, 특화 프로젝트에 이어 자율 프로젝트까지 끝이 났네요.다들 반년 동안 세 번의 프로젝트를 하시느라 고생 많으셨고 앞으로 좋은 일만 남으셨길 바랍니다 :)그럼 제가 진행한 자율 프로젝트의 소개와 회고를 시작하겠습니다! 📍 기획저희 팀의 기획은 한 팀원의 아이디어로부터 시작되었어요. 한 팀원이 대학 시절 학부연구생을 했었고, 그때 느꼈던 불편한 점을 우리 프로젝트로 해결하고자 했어요.그래서 저희 프로젝트의 대상자는 AI 개발자예요.블록 코딩으로 쉽고 간편하게 AI 모델을 만들고 학습과 분석까지 함께 할 수 있도록 하고자 했어요.  📍 프로젝트 소개🔹 주제블록 코딩 방식의 AI 모델 개발 소프트웨어🤖 손쉬운 AI 모델 개발..

안녕하세요! 11기 SSAFYcial입니다.😁 감사하게도 특화 프로젝트에서 저희 팀이 우수팀으로 선정되었는데요!본선 발표 리허설을 위해 리허설장에 갔더니,.. 엥 다 아는 사람들?1학기에 같은 반이었던 언니오빠들이!!우수팀 결과 나오고 보니 1학기 반 전원이 1~3등 안에 들었더라구용. 12반 최고👍특화 프로젝트 1, 2등 팀에게 인터뷰를 요청해 봤습니다! 😎 인터뷰이📒 시간이 NULL NULL 팀의 Echo Note📰 3성전자01재용 팀의 뉴쓱📈 선빵7조 팀의 뮤탈리스크Q. 프로젝트 주제와 목표는 무엇인가요?📒 시간이 NULL NULL - Echo Note강의 녹음과 필기를 결합한 음성 AI 기반 학습 지원 서비스입니다. 단순한 필기 앱을 넘어, AI 기술을 활용해 사용자의 효율적인 복습을..

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

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

1️⃣ React Quill 사용하기React Quill은 리액트의 텍스트 에디터 라이브러리 중 하나이다.위지위그(WYSIWYG, What you see is what you get)라고도 하는데, "보는 대로 얻는다"라는 뜻이다.즉, 사용자가 텍스트 에디터에서 작성하며 보여지는 그대로 출력물에서 나타나도록 한다. 📍  패키지 설치yarn add react-quill 📍 기본 코드import ReactQuill from 'react-quill';import 'react-quill/dist/quill.snow.css';interface TextEditorProps { value: string; onChange: (value: string) => void;}const TextEditor = ({val..

안녕하세요😀 싸피 11기 2학기가 시작한지 한 달이 다 되어 갑니다🍃저희 팀 주제는 데스크탑보다 모바일에 적합할 거 같아 웹앱을 구현하기로 했는데요!PWA 특징과 PWA를 쓰기 위한 세팅법을 알아보겠습니다. 📱 PWAProgressive Web Apps모바일에서 네이티브 앱과 같은 사용자 경험을 제공하는 웹 앱ex) Twitter Lite특징PWA는 웹처럼 개발하면 되지만 스마트폰에 네이티브 앱처럼 설치할 수 있고 앱처럼 보이고 동작한다.검색 엔진이 최적화되어있다. (SEO)백그라운드 기능이 네이티브 앱보다는 제한적이지만, 푸시 알림 정도는 가능하다.네이티브 앱에 비해 하드웨어 접근이 제한적이다.저희 팀은 React를 써서 프로젝트를 진행할 계획이었는데 주제가 모바일에 적합해 PWA를 적용하게 되었..

🧐관통 프로젝트?1학기 마지막에는 싸피에서 1학기에 배운 내용을 '관통'한다는 의미에서 관통 프로젝트를 진행해요~!이전에도 관통 프로젝트를 위한 관련 실습을 진행하긴 하지만, 찐 관통 프로젝트는 싸피에 와서 처음 진행하는 프로젝트예요.전공자 반의 경우에는 여행, 부동산 중에 주제를 선택하는데, 저희팀은 여행을 주제로 선택했습니다!아무래도 여행을 좋아하기도 하고, 집을 구해본 경험도 없기에 여행을 주제로 한 프로젝트가 더 재미있게 진행할 수 있을 것 같았어요!  🎈 프로젝트 개요1. 인원2인반에서 팀을 정하기 때문에 미리미리 반에서 누구랑 할지 정해놓으면 좋아요. 저희 반에서는 학기 초에 조사했을 때, 프론트엔드 지망자가 저밖에 없었는데요. 그래서인지 팀 정하는 시기가 왔을 때 페어오빠가 먼저 제안해 ..

안녕하세요~~~~ㅎㅎㅎ싸피 들어온 지가 엊그제 같은데 벌써 1학기가 끝나가네요😢 이제 곧 관통 프로젝트를 앞두고 있는데요!! 어떤 주제든 지도 API를 사용하실 거 같아요.그래서 지도 API를 미리 사용해 봤습니당! 전 카카오맵 API를 썼고, 이에 대해 정리해 보도록 하겠습니다🧐   1. API 키 발급 먼저 카카오맵 API를 쓰기 위해서는 여기에서 API 키를 발급받아야 합니다.  애플리케이션 추가하기를 누르고 정보를 입력해 주세요. 추가한 애플리케이션을 들어가면 이렇게 뜨는데, 저는 Vue에서 카카오맵을 활용해 개발할 거라 JavaScript 키를 사용할 거예요.그리고 아래 플랫폼 설정하기를 눌러서 도메인을 등록합니다. 저는 처음에 Web에 http://localhost:5173을 등록했고, 이..