SSAFYcial

import { NextRequest, NextResponse } from "next/server";export async function GET(req: NextRequest) { const page = parseInt(req.nextUrl.searchParams.get("page")!); const array = Array.from({ length: 5 }, (_item, idx) => { return page + idx; }); return NextResponse.json({ items: array }, { status: 200 });} 여러분 안녕하세요? 길고 긴 자율 프로젝트도 드디어 끝을 맞이했는데요다들 보람찬 프로젝트 기간 되셨나요? 저는 Next.js를 사용하여 이번 자율 프로..

안녕하세요! SSAFY의 2학기 첫 번째 프로젝트가 드디어 끝났습니다. 첫 프로젝트 도메인 중 많은 분들이 선택하셨던 주제가 바로 webRTC 기술인 만큼 채팅 기능을 구현한 팀도 많았으리라 생각되는데요! 오늘은 node.js + React + typescript를 이용한 채팅 기본 기능 구현 방법에 대해 알아보도록 하겠습니다. 필요 라이브러리 express (@types/express) socket.io socket.io-client uuid (@types/uuid) 1. index.ts (server) import express from "express"; import http from "http"; import { Server } from "socket.io"; const PORT = 3010; /..

안녕하세요 여러분! 길고도 짧았던 2학기 첫 프로젝트가 마무리되었습니다. 저는 첫 프로젝트로 WebRTC를 활용한 커플 다이어리 서비스를 제작하게 되었는데요 커플 서비스인만큼 채팅 기능을 빼놓을 수 없는 상황! 예상보다 고전했던 '신규 채팅 수신 시 화면 가장 아래로 이동' 기능을 만들기 위한 채팅방 UI/UX 개선기를 공개합니다. ※ 아래 화면 및 소스코드는 실제 프로젝트 작업물이 아닌 기사를 위해 작성한 간이 소스코드입니다. 1. 신규 메세지 수신 시 화면 맨 밑으로 이동 메세지 수신 시 화면 가장 아래로 이동하는 기능은 JavaScript의 scrollTo와 scrollIntoView를 이용하여 간단하게 구현이 가능합니다. // 메세지들을 감싸는 Wrapper ref const scrollRef =..

안녕하신가요? 어느덧 싸피도 2학기에 접어들어 프로젝트를 시작하게 되었습니다. 반 내 조사 결과, 많은 팀들이 React를 이용하여 프론트를 구성하고 있는 것으로 확인되었는데요 오늘은 React에서 자주 사용하는 상태관리 라이브러리인 Zustand의 대락적인 사용법에 대하여 익혀보고자합니다. zustand란 상태 관리 라이브러리중 하나로, 일반적으로 사용되는 contextAPI나 jotai와는 다르게 Provider를 사용하지 않고 저장된 값을 불러올 수 있게 되어 있습니다. 개인적으로는 1학기에 배웠던 Vue의 pinia와 비슷해서 사용하기 편하다는 인상을 받았습니다. 기본적인 사용법은 위와 같은데요, 먼저 create 함수를 통하여 store를 작성 후, 컴포넌트 내에서 import하여 사용하는 방식..

안녕하세요 여러분! 2024년 새해가 밝았습니다. 길었던 1학기도 끝나고, 10기는 본격적인 프로젝트 기간에 접어들게 되었는데요, 향후 기사는 프로젝트 진행 중 누구나 겪을 수 있는 문제와 해결 방법에 대해 작성하려고 합니다! 저와 같은 문제로 고민하는 사람이 없길 바라며.. 렛잇고 Request Param 오류 에러내용 java.lang.IllegalArgumentException: Name for argument of type [java.lang.String] not specified, and parameter name information not available via reflection. Ensure that the compiler uses the '-parameters' flag. - [Err..

안녕하세요! 올 해가 시작된 게 엊그제같은데 벌써 크리스마스가 다가왔네요. 날이 많이 추워졌는데 다들 코딩도 좋지만 건강에도 유의하시기를 바랍니다. 오늘의 주제는 안드로이드 개발자입니다.

안녕하세요! 어느덧 올해가 2주 남았습니다.길고도 짧았던 1학기 최종 관통 프로젝트도 무사히 마무리되어 잡페어 기간에 돌입했는데요오늘의 주제는 바로! 1학기 최종관문인 관통 프로젝트입니다.  관통 프로젝트란?관통 프로젝트란 이름과 같이 1학기의 학습 내용을 관통하는 기술을 사용하여 학기말에 진행하는 프로젝트로,비전공자 반의 경우 영화 추천 서비스와 금융 상품 추천 서비스 중 한 가지 테마를 선택하여 약 열흘간 두명이 한 팀을 이루어 웹서비스를 제작하게 됩니다.조 편성 방법은 각 반 강사님들의 재량에 맡기고 있으며, 저희 반의 경우 사다리를 타서 조를 정하게 되었습니다! 그리하여 저희 조가 정한 테마는 바로 ... 영화 추천 서비스금융 상품 추천 서비스의 경우 10기부터 새로 생긴 테마인만큼 관련된 정보가..

안녕하세요! 1학기도 어느덧 막바지에 접어들었는데요, 다들 개인 공부를 하시느라 바쁜 시기이지만 독감이 유행인 만큼 건강에도 유의하시면서 즐거운 싸피생활 되시기를 바랍니다. 오늘의 주제는 바로바로! 백엔드 채용 공고 뜯어보기입니다. 바로 가시죠.

안녕하세요! SSAFYcial 10기 백민정입니다. 싸피에 입과한 게 엊그제같은데 어느덧 5개월이 흘러 벌써 1학기의 끝인 관통프로젝트를 앞두고 있네요. 잡념을 정리하기 위해 오늘은 그간 배운 것들을 되돌아보며 추억을 회상하는 시간을 가져보려 합니다. 레지 고 싸피 입과 1~2개월차에는 파이썬의 기초 문법과 알고리즘에 대해 공부했습니다. 사실 가장 걱정도 많고 고민도 많았던 시기였습니다. 왜냐? 비전공자 싸피 후기를 찾아봤을 때 코딩 유경험자분들의 후기가 정말 많이 나왔기 때문이죠. 인문계대졸, 문과직업유경험, 코딩경험=나모웹에디터였던 뼈문과에게는 다소 부담스러운 상황이 아닐 수 없었는데요 SSAFY에서는 파이썬과 알고리즘을 기초부터 배울 수 있고, 반 내에서 스터디그룹 편성도 왕성하게 이루어지고 있기 ..