교육매니저 2주차 회고교육매니저 2기를 시작한지 2주차,2주차는 데이터 리터러시&문제 원인 분석 역량을 진행 하였다. 매일 팀스파르타글을 아티클정리 하고실습으로 이탈 사유 분석, 만족도 분석, 데이터 비교 분석, 데이터 비교 분석, 데이터 추이 분석을 진행 하였다. Facts (사실, 객관)일주일간 진행한 것- 실습과제: 이탈 사유 분석, 만족도 분석, 데이터 비교 분석, 데이터 비교 분석, 데이터 추이 분석 - 아티클: 와우함은 디테일에서 나온다, 어느 날 대표님이 송년회를 기획하라고 했다, 팀스파르타 채용 문답, 교육 운영 기획 매니저 인턴- 세션: 피드백 세션, KPI 분석 & 활용, 커리큘럼 이해 & 활용Feelings (느낌, 주관)실습 과제 - 2주차 실습과제를 진행하며 교육운영 매니저의 기본..

교육매니저 1주차 회고교육매니저 2기를 시작한지 1주차,1주차는 EduTech 산업 이해&직무 이해 역량을 진행하고 이제 2주차인 데이터 리터러시 & 문제 원인 분석 역량을 진행하며 교육 매니저로서 성장을 하고있었다. 개인적으로 노션 조차 제대로 쓰지못하던 내가 데이터를 정리하고 아티클 작성을 하는 것이 신기했다.Facts (사실, 객관)일주일간 진행한 것- 실습과제: 경쟁사 분석, 에듀테크 JD분석, 케이스 스터디, 이탈 사유 분석- 아티클: 팀스파르타 코드북, 팀스파르타만의 조직문화, 인턴이 이런 것 까지 할 수 있다고?- 세션: EduTech 산업 이해, 교육운영 직무 이해, 이쁘게 말하기, 데이터 리터러시Feelings (느낌, 주관)실습 과제 - 실습과제로 경쟁사 분석, 에듀테크 JD분석을 진행..

이번 프로잭트는 원래 사이드 프로잭트 팀을 찾기쉽게 팀을 매칭해주는 사이트를 하려고 했었는데여러의견과 이미 너무 기능이 비슷한 사이트가 있어서 다른 길로 빠지기로 했고넷플릭스나 왓챠 디즈니 처럼 영화  TV프로그램등을 볼수있는 플랫폼 영상, 유튜브등 혼자보면 재미없는 영상매체를 같이 볼수있는 팀을 짤수있고 함께보며 실시간으로 채팅을 할수있는 사이트를 만들것이다.아쉬운 부분은 넷플릭스, 왓챠같은 드라마,오리지널 영상등은 저작권 문제때문에 스트리밍을 해줄수없기 때문에스트리밍 관련한 부분은 없이 팀원모집, 실시간 채팅이 주된 기능이 될 것 같다.      기능의 우선순위를 나누어서 작업 하기로 하였고와이어 프래임, 역할분배, ERD, 코드 컨벤션 까지 정하였다. 와이어 프래임은 ux/ui디자이너님의 의견을 따..

달력에 일정을 지정하면 표기를 하게 만들었지만 하루 전날로 표기가됨 (17일 지정 > 16일 표기) 시도해본 방법 종료일을 받아오는 로직에 콘솔로그를 찍어보니 하루const endDateStr = selectedRange.to.toISOString().split('T')[0];console.log(endDateStr) 그래서 종료일에 +1일을 해주는 방식을 선택함const endDateStr = new Date(selectedRange.to); endDateStr.setDate(endDateStr.getDate() + 1); // 하루 + const formattedEndDateStr = endDateStr.toISOString().split('T')[0]; 이렇게 하면 표기는 제대로 되지만 ..

일정을 기록할수있는 캘린더가 필요해서 TypeScript / Next.js 환경에서 캘린더를 만들어보려고 한다.일단 지금 생각이 나는건 일정을 출력해줄 달력과 일정을 기록해줄 달력이 2개가 필요할 것 같다.그래서 일단은 일정을 출력해줄 큰 달력을 만들어 보겠다.1. 날짜 객체 타입 정의 하기타입 지정해주기// 날짜 객체 타입 정의interface Day { date: number; currentMonth: boolean;}2. useState로 연도 월 상태관리컴포넌트 내부에서 useState를 사용해 현재 연도와 월을 상태로 관리.이를 통해 달력에서 현재의 연도와 월을 동적으로 표시할 수 있도록 준비.const [currentYear, setCurrentYear] = useState(new Date..

디테일 페이지에 달력을 구현하려고 라이브러리를 사용할지 직접 구현을 할지 고민을 하다가shadcn/ui 는 tailwind로 스타일이 이루어져있어서 스타일 변경이 편할것 같아서 shadcn/ui 로 달력을 구현하였다.    이렇게 변경을 하고 기능을 넣으려고 봤더니 모듈에 들어가서 라이브러리를 뜯어내서 고쳐내야 변경이 가능 한것이였다. (추천해준사람 미워) 그래서 오늘 한것을 미뤄두고 직접 달력을 구현을 해보기로 했다.  add : 샤드시엔/ui 를 사용하여 달력 구현 + 뜯어내서 스타일 변경 by taeheun01 · Pull Request #1 · hot5667 github.com

작업환경Next.js를 주요 프레임웍으로 틀을 잡고, 내장된 라우팅/스타일링/타입도구를 적극 활용TypeScript 사용Supabase를 활용한 백엔드 시스템 결합Zustand, TanStack Query를 활용하여 서버/클라이언트 상태 관리  프로잭트명은 양계장 으로  주제는 사용자가 설정한 디데이와 투두 리스트를 기반으로챌린지를 상세하게 설정하고 , 그 진행상황을 알로 시작해서 점점 닭으로 키우는 과정을보며 재밌고 집중력있게 챌린지를 끝내는 사이트 입니다. 와이어 프레임 FigmaCreated with Figmawww.figma.com 노션링크  7조 - 미(美)치기7조전 | Notion4. 와이어프레임teamsparta.notion.site

일기를 거의 한달을 쉬었다....  거의 기록용 하루에 뭐했는지 작성을 하려고 했는데 새로 배우는게 너무 어려워서정신도 없고 시간이 없어서 일기를 안썼다....이제부터 바뻐도 시간을 써서 간단하게 써야겠다  오늘은 심화 팀과제 시작하는 날로  주제는 자유 , 이제 거의 실무와 가까운 수준의 기술을 사용한다. 오늘은 거의 기획에 힘을 썼고 내일부터 개발 환경 설정부터 기본적인 ui + 기능 개발을 시작할 예정이다. 작업환경Next.js를 주요 프레임웍으로 틀을 잡고, 내장된 라우팅/스타일링/타입도구를 적극 활용TypeScript 사용Supabase를 활용한 백엔드 시스템 결합Zustand, TanStack Query를 활용하여 서버/클라이언트 상태 관리  프로잭트명은 양계장 으로  주제는 사용자가 설정한 ..

이번 개인과제로 처음 배운 NEXT 와 Typescript를 활용해서 라이엇 api을 사용한 롤 사전을 만드는 것이다.불러올 데이터들은 크게 챔피언, 로테이션, 아이템 으로 나눌수 있다.api로 값을 불러오는건 많이 해봐서 생각보다 문제나 오류가 많이뜨지는 않았고Next 의 새로운 라우팅 방식이나 서버 통신방법에서 문제가 나거나Typescript 사용이 미숙해서 사용법을 많이 찾아 본 것 같다. 페이지는 크게 홈, 챔피언 목록, 디테일 페이지,로테이션 정보, 아이템 목록 으로 나뉘어 있다. 홈 홈페이지는 다른 페이지로 이동 할수있는 클릭 이벤트 들이 이미지에 담겨있다. 챔피언 목록 챔피언 목록은 모든 챔피언의 정보를 불러 왔고 클릭이벤트로 디테일 페이지로 이동이 가능하다. 디테일 페이지디테일 페이지는 챔..

tailwind 설치yarn add tailwindcss postcss autoprefixernpx tailwindcss init -p tailwind.config.js 변경/** @type {import('tailwindcss').Config} */export default { content: [ "./index.html", "./src/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [],} index.css 변경// src/index.css@tailwind base;@tailwind components;@tailwind utilities;