# Side Project
[TIL] Spring boot 기초 개념 with spring
스프링부트 핵심 가이드를 읽고 간략하게 정리한 글입니다. 스프링 자바 언어를 이용해 엔터프라이즈급 개발을 편리하게 만들어주는 오픈소스 경량급 애플리케이션 프레임워크로 불리고 있음. (+) 엔터프라이즈급 개발이란? 기업 환경을 대상으로 하는 개발로, 대규모 데이터를 처리하는 환경을 의미함. IoC (제어 역전) 일반적인 자바 개발의 경우, 사용하려는 객체를 선언하고 해당 객체의 의존성을 생성한 다음 객체에서 제공하는 기능을 사용함. 객체를 생성하고 사용하는 일련의 작업을 개발자가 직접 제어하는 구조임. 하지만, 제어 역전은 사용할 객체를 직접 생성하지 않고 객체의 생명주기 관리를 외부(스프링 컨테이너, IoC 컨테이너)에 위임함. 객체의 관리를 컨테이너에 맡겨 제어권이 넘어간 것을 제어 역전이라고 부르며, 제어 역전을 통해 의존성 주입 / 관점 지향 프로그래밍 등이 가능해 짐. DI (의존성 주입) 제어 역
JPA + React 사이드프로젝트 중간 회고
https://github.com/dev-h99www/side-project-shop React / SpringBoot / JPA / MySQL 올해 5월 취업을 준비하며 이력서를 300개 넘게 넣었는데, 두달동안 연락이 한곳도 안왔더랬죠.. 그러다 7월부터 면접제의가 쏟아져와서 바쁜 나날들을 보내다 다시 기술블로그를 시작하려합니다. 한가했을때 평소 관심있던 기술 몇가지를 배우고자 프로젝트를 진행했습니다. side project의 목표는 다음과 같았습니다. SpringBoot의 REST API를 이용한 데이터 통신 JPA 학습 Github Actions를 사용한 자동화배포환경 구축 AWS RDS를 사용해 DB환경 구축 우선 Spring으로 백엔드개발을 하는데, 비교적 간편한 JSP나 다른 템플릿엔진을 사용하지 않고 React를 사용한 이유는, Redux를 이용해 store형태로 state를 관리하거나 dispatch, action과같은 플로우를 Comp
[e2] React - Redux To Do
React - Redux 기반의 CRUD 프로젝트를 끝냈다. 프로그래밍 페어인 진혁님과 함께 가열차게 구현하고 학습했다. 이번 주, 정말로 즐겁게 성장했다고 생각한다. 구현에 대한 자신감이 상승하며, 이제 정말로 무언가를 개발하는 사람이 되어가고 있다는 생각이 든다. 스스로 솔직할 수 있는 종류의 성취감이 주는 기쁨은 꽤나 크다. 1. README.md 2. github Repository ❋ react-redux-todo :: github 3. vercel Deploy ❋ react-redux-todo :: vercel
[SP] React To Do List
❋ 배포 링크 ❋ Github Repo - README.md - App.jsx - Create.jsx - ListBox.jsx - TodoList.jsx
[오픈서치] 1. index templates
사이드 프로젝트 프로젝트를 진행하면서 많은 양의 데이터를 처리하다 보니 디비에서 받아오는 퍼포먼스가 너무 떨었다. 물리적으로 한 데이터를 카테고리 별로 인덱스를 물리적으로 분리를 했어야 했는데 시행착오를 많이 겪고 나서야 알아버렸다. 그래서 템플릿을 만들어 인덱스를 효율적으로 만들수 있도록 했다. 오픈서치 공식문서를 보여 이해하고 넘어가려했다. Index templates > 인덱스 템플릿(Index Templates)은 새로운 인덱스를 생성할 때 적용되는 기본 설정과 매핑을 정의하는 데 사용됩니다. 인덱스 템플릿을 사용하면, 동일한 구성을 여러 인덱스에 쉽게 적용할 수 있으며, 향후에 새로운 인덱스에 동일한 설정을 자동으로 적용할 수 있습니다. 인덱스 템플릿은 다음과 같은 사항을 설정할 수 있습니다 매핑(Mappings): 데이터 구조와 필드 데이터 타입을 설정할 수 있습니다. **인덱스 설정(Index Settings): 샤드(Shar
[SP] daily music share
video document CRUD 구조 공부를 하기 위해, 작은 사이드 프로젝트를 했다. 동적 웹 페이지를 만들어 보았다. 유저의 추천 음악 앨범의 정보를 DB에 받는다. 지금까지 DB에 저장되어 있던 랜덤한 음악 앨범을 유저에게 돌려준다.
[Team Project] Camp Wander
이번 16기 14조는 캠핑 및 야외활동을 좋아하는 유저들을 위한 위치기반 웹 어플리케이션을 제작. Product : Camp Wander Description: 'Camp Wander'는 자연의 아름다움과 여행의 열정을 나누는 캠핑 커뮤니티의 중심지입니다. 이 플랫폼은 모험과 탐험을 사랑하는 이들을 위한 지도 기반 캠핑장 검색 웹사이트로, 자연 속에서의 모든 순간을 감동적으로 만들어 줄 동반자 역할을 합니다. Stack FE : html / css, JavaScript BE : Python, Flask, Mongo DB Github 와이어 프레임 https://goyka.github.io/camper/
노란 자동차 포트폴리오
vanilla js 기반 포트폴리오 귀여운 노란 자동차를 움직여 보아요~ https://rkdtks0816.github.io/car-portfolio.github.io/ 이분 작품을 제 수준에 맞춰서 제작 해봤습니다 ㅎ https://bruno-simon.com/
TS 로 커스텀 GitHub Action 만들어 보기 (feat. 로또 구매 자동화)
모든 소스 코드는 오픈소스로, 아래 레포들에 공개되어있습니다. https://github.com/rich-automation/lotto-module https://github.com/rich-automation/lotto-action > >자동화 설정은 다음의 글을 참고해주세요. lotto-action 설정 가이드 작년부터 하려던 사이드 프로젝트를 밍기적 거리다 드디어 올해 4월에 시작했다. 로또를 자동으로 구매하는 프로젝트, 프로젝트를 위해서 rich-automation 이라는 조직을 생성했
Pre-onboarding Project Team : 13조 기린 Team Member: 김명진, 어민규, 박상우, 이채원, 김도준 Project Overview: Todo-List with Signup/Login Project Overview 홈페이지에서 로그인/회원가입을 하면 해당 유저의 Todo List 를 불러오는 웹페이지를 구현. Why? Todo List 에서 CRUD 기능 구현이 가능하면서 새로운 기능들을 추가 개발 할 수 있다. -> 수정, 삭제, toggle, 로그인 authentication 등 각자 구현하고 싶은 기능들을 넣을 수 있다. 또한, 프로젝트 기하을 고려했을 때 최근에 팀원들이 구현한 아이디어인 만큼 기획 부담이 적을 것이라고 판단하며 MVP를 성공적으로 구현 가능. Timeline Day 1 (6/7) - 깃허브 사용 학습, 초반 기획, 기능구현 Day 2 (6/8) - 기능 구현 Day 3 (6/9) - 스타일링,
[Side Project] 스타일 작업 및 기능 추가 - 스타일 작업
추가 작업 사항 기간 : 하루 공통 style-component 작성. input, button, title 영역 회원가입, 로그인, 마이페이지 스타일 추가 마이 페이지 pagination 구현 설명 회원가입 및 로그인과 마이페이지는 기능만 만들고 스타일은 전혀 입히지 않았다. 고로, 이 녀석들에게 이쁨(?)을 만들어 주기로 했다. 방법 styled-component용 폴더를 생성하여 공통으로 사용할 스타일 작성하고 import, export로 사용한다. 공통 스타일 컴포넌트 폴더 구조 컴포넌트 작성할때 최상위는 캡쳐와 같은 구조로 잡는다. components : Html, style 그리고 props 삽입. `
Side - Project 점심이(3 / 3)
오늘은 간단한 AWS EC2를 이용하여 간단한 배포까지 해보도록 하겠습니다. 아래 코드는 https://github.com/bellCold/slack-lunch-commend 에서 모두 보실수 있습니다! aws를 이용하기 위해서는 계정이 있어야합니다. 프리티어는 1년간 계정 생성후 1년간 무료 계정 생성후 EC2에서 인스턴스를 생성해줍니다. 쉽게말해 클라우드에서 사용할 컴퓨터를 만든다고 생각하면 될것같습니다. 프리티어 아무거나 사용하면 될것같습니다. 
[Fast-API] 운동 API
Django 만 하다가 fast api 를 이제 해보려고 연습하고 있다. 디렉터리를 생성하지 않고 내가 직접 다 만들어야하는 것에 조금 당황했다. >main 을 만들어라 models 를 만들어고 User(Base)... Item(Base)... 위처럼 하면 모델이 많아지면서 코드도 길어질텐데.. 해서 Django 구조와 같이 user/ item/ 이렇게 해봤다. 하지만 모델을 인식하기 위해서는 models/ 로 해주는 것이 좋을 듯하는 느낌이다. 이유는... 아무튼 그렇다. 그래서 기능별로 묶는 것에서 목적별로 묶어 보려고 한다. >models/: DB model 정의 api/endpoints/: endpoint 정의 schemas/: Schema 정의 여기서 스키마는 요청과 응답에 대한 스키마다.
Side - Project 점심이(2 / 3)
오늘은 저번시간에 기본적인 메시지 전송틀을 이용하여 점심메뉴를 지정된 시간과 현재 날씨를 접목시켜 추천해주는것을 개발해 보겠습니다. 아래 코드는 https://github.com/bellCold/slack-lunch-commend 에서 모두 보실수 있습니다! 학습목표 Spring에서 제공하는 스케쥴에 대해서 학습 날씨 api를 사용하여 현재날씨 정보 가져오기 우선 현재 날씨의 관한 정보를 가져오기 위해 검색을 통해, 그나마 접근성이 쉬웠고 해당 사용법에대한 레퍼런스가 많았던 공공기관 데이터를 사용하기로 했습니다. 해당 api를 이용하기 위해 여느 api와 같이 키값이 필요했으므로 사용하고자하는 api의 키값을 받도록 한다. 현재 날씨 정보 받기 로그인을 한 후 공공데이터포털에 접속하여 해당 api의 활용 신청을 해당 서비스를 누르면 이용할수 있다. 
Side - Project 점심이(1 / 3)
점심이 1. 소개 매일매일 점심을 뭐먹지 고민하는게 귀찮아 slack bot을 이용해 점심을 자동으로 추천 받아보고자 만들어 보았습니다. 처음에는 그냥 무작위 추천을 생각하다, 그 날의 날씨에 따라 어울리는 음식을 접목시켜 추천을 받도록하면 재밌을것 같아 날씨를 접목시켜 만들게 되었습니다. 아래 코드는 https://github.com/bellCold/slack-lunch-commend 에서 모두 보실수 있습니다! 학습 목표 spring boot 와 api의 연동 어떻게 날씨와 음식을 접목시킬지 로직 고려 aws ec2의 배포를 통해 ec2학습 1. Slack bot을 이용하기 위해서 봇이 사용될 워크스페이스와, token생성 Slack - api를 검색하셔서 아래와 같은 창으로 들어와 봇이 위치할 앱을 생성합니다. <img src="https://velog.velcdn.com/images/kkj8219/post
[운동 API] - 1 구상
운동 API 구상 > 저번에 어디 운동했었지...? 저번에 몇 킬로로 몇 세트했더라...? 헬스장에서 운동을 하던가 집에서 홈트레이닝을 하던가 기록하면서 운동하면 더 효과적으로 즐길 수 있다. 그래서 사이드 프로젝트로 API 를 만들어보자는 생각을 하게 되었다. 사실 이전부터 생각하긴 했었으나... 다시 마음잡고 시작해보려고 한다. Django 를 이용하려고 생각했었지만 기술 넓히기를 위해 Fast API 를 이용하여 개발해보자는 마음이 더 있다. 일단 1차 목표는 간단하게 기록만 남기도록 하자. 학습적인 목표도 있으니까 Fast API 와 SQLAlchemy 를 어떻게 연동하여 사용하는 지 알아보면서 개발에 임하자. 최소한의 기능을 생각해보자면 로그인 회원가입 운동 목록 운동 일지 작성 운동 일지 리스트 위 다섯 개의 API 만 만들고 덧붙이거나 빼거나 수정하도록 하자.
[React] 날씨어때(How’s the weather?) Web Page
🔷 Screenshot Screenshot - PC (Chrome) Screenshot - Mobile (Safari) 🔷 URL Web Site URL: https://jiyaho.github.io/react-howisthe_weather Git-hub URL: [https://jiyaho.github.io/react-howisthe_weather](https://jiyaho.github.io/react-
[Side Project] 그룹웨어[0]
설명 회사 내부에서 사용할 그룹웨어를 만들자는 제안이 있어 이 글을 작성한다. 개인적으로 아래 기술 스택을 이용한 개발을 자주 접해봤지만, 회사 내부용으로 작업해보기는 처음이다. (공식적인 것은 아님) 하여 완성을 목표로 하고, 프로젝트가 진행될 수록 많아지는 이슈 및 정보를 남기고자 한다. 기획툴 > oven(Kakao beta) - https://ovenapp.io/ 디자인 > (예정중) ERD 툴 > erd Colude 개발환경 > React(Nextjs 사용 고려중) Redux Express TS, JS MongoDB ... 사용 모듈 및 Lib > Axios, fullCalendar nodemailler ... 사용 기능 본 글을 작성하며, 굵직한 기능들을 나열했다. (진행하며 갱신 예정) > 로그인 권한 설정 전자결재 조직도 일정관리 근태관리 주소록 메일(CRUD) ... 기간 기획 및 디자인
DND 6기 후기
2022년 약 2년만에 재참여한 사이드 프로젝트 동아리! ‘사이드 프로젝트 이젠 다시 해야겠다.’ 싶을 때쯤 다시 한 번 도전해보았습니다! ❗DND란! 
DND 3기 후기
조금 많이 늦은 2020년, 3기 참여 후기입니다. 학부를 졸업하고, 개발을 멈추기에는 걱정이 많았습니다. 그렇게 고민하다가 SNS에서 홍보물을 보고 지원해보았습니다. ❓ DND가 뭘까? ![Untitled](https://s3.us-west-2.amazonaws.com/secure.notion-static.com/57bcae15-c3f9-4536-8b74-313bec547b93/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20230211%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20230211T164226Z&X-Amz-Expires=86400&X-Amz-Signature=1bf7820f4ed9e8faa2b8f826d8eaee7c263f0b850293c6fd9