<aside> 💡 FE, BE 공통

</aside>

내용 링크 비고
지라 에픽, 스토리.. 차이 https://gom20.tistory.com/202
Git flow 10분 컷 https://jeong-pro.tistory.com/196
협업을 위한 Git Flow 설정하기 https://overcome-the-limits.tistory.com/entry/협업-협업을-위한-Git-Flow-설정하기
(만약을 위한)Git 미러링 https://doqtqu.tistory.com/265
지라 스프린트 퀵 필터 설정 https://confluence.curvc.com/pages/viewpage.action?pageId=91200264
Jira 비밀번호 변경 사이트 https://jira.ssafy.com/login.jsp?saml_sso=false
Spring Boot - React 연동하기 https://velog.io/@jung-co/Spring-boot-와-React-연동하기
주석 템플릿 공유 https://jinsiri.tistory.com/558
Git Bash에서 원격 브랜치 목록 동기화 https://jintrue.tistory.com/entry/github-git-branch-al-남아있는-브랜치-삭제
[Git] webstorm workspace.xml 제외하기 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=writer0713&logNo=220468180971 Git Merge 할 때 workspace.xml 에서 충돌이 일어나므로 원격 브랜치에서 파일 삭제 후 Merge
https://palbok.tistory.com/48

<aside> 💡 프론트엔드

</aside>

내용 링크 비고
css 가운데 위치 <div style={{
display: 'flex', justifyContent: 'center', alignItems: 'center'
, width: '100%', height: '100vh'}}>
React 코드 자동생성 확장프로그램 https://allblack0811.tistory.com/17
디자인 참고용(UX 디자인 컨퍼런스) https://toss.im/simplicity-21
백엔드 없이 리액트 가짜 DB 만들기 https://velog.io/@yejikang/react-Mock-data-를-활용하기
Material UI https://v4.mui.com/components/text-fields/
모바일 첫 글자 대문자문제 해결 https://sir.kr/g5_tip/12528
에러페이지를 재밌게 꾸미고 싶을때 참고할 만한 사이트 http://blog.wishket.com/재미있고-기발하고-신기한-에러페이지-디자인-10가지/
리액트 슬라이드 구현하기 [캐로셀] https://programming119.tistory.com/211
Material UI 반응형 grid https://www.daleseo.com/material-ui-containers-grids/
리액트에서 .env.local(환경변수) 쓰기 https://flamingotiger.github.io/frontend/react/create-react-app-environment/
JWT는 어디에 저장하는게 좋을까 https://velog.io/@yaytomato/프론트에서-안전하게-로그인-처리하기#-로그인은-어떻게-이루어지나
VS code snippet 만들 수 있는 곳 https://snippet-generator.app/
Spring Boot 와 React 연동하기 https://velog.io/@jung-co/Spring-boot-와-React-연동하기
리덕스 action 활용해 axios 미들저장소에서 관리하기 https://velog.io/@jujube0/React-로그인-페이지-만들기
react navigate로 state 값 넘기기 (2번째 답변이 제일 간단.) https://stackoverflow.com/questions/64566405/react-router-dom-v6-usenavigate-passing-value-to-another-component/64566486
가짜 서버 api 만들어서 테스트해보기 https://react.vlpt.us/redux-middleware/08-json-server.html
테스트용 api https://www.mecallapi.com/
React Redux로 게시판 CRUD 구현 예제 https://binaryjourney.tistory.com/category/React/게시판만들기 v2.?page=2
VScode 긴 코드 밑으로 내려서 정리해주는 extension https://byul91oh.tistory.com/207
자바스크립트 ?? 두개 https://lunuy.tistory.com/4 이건 typeScript https://boxfoxs.tistory.com/427
리덕스 없이 댓글 작성하기 https://velog.io/@hanei100/Westagram-리액트로-댓글-기능-구현 https://minjoo-space.tistory.com/m/54
React-Teachable Machine https://velog.io/@hey880/1월-7일-진행과정
react_carousel https://github.com/karenying/react-carousel-transitions/blob/master/src/App.js
카카오톡 공유하기 에러 이유: 모바일로 보기 시 에러 자동 발생 https://devtalk.kakao.com/t/scheme-does-not-have-a-registered-handler/112757/4 (이후 안드로이드 상에서 네이티브로 키 바꾸고 확인 예정)
인스타 공유하기 https://tonhnegod.tistory.com/245 배포해서 주소 생긴 후 가능
페북 공유하기 https://actumn.tistory.com/14?category=896837
리액트 해쉬태그 https://betterstack.dev/projects/react-tag-input/
React에 외부 스크립트 import https://blog.toycrane.xyz/react에서-외부-스크립트-불러오기-421fd71b0b41
월드컵 참고용 코드 https://github.com/DannyTWLC/favoriate-worldcup
react-router-dom v6버전은 params 넘길때 useParams() 써야함 https://kyung-a.tistory.com/36 match 못씀
[#. React] parent에서 버튼 클릭할 때마다 children에서 div 영역 생성하기 https://developer0809.tistory.com/133
[javascript] 현재 날짜 및 시간 정보가져오기 / 시간 차이 계산하는 방법 - new Date() https://codingbroker.tistory.com/38
리액트 폰트 적용 https://flamingotiger.github.io/frontend/react/react-add-font/#구글-웹폰트를-통해서-적용하기
구글 폰트(import해서 쓸 수 있음) https://fonts.google.com/?preview.text=댄스&preview.text_type=custom&subset=korean

<aside> 💡 백엔드

</aside>

내용 링크 비고
Spring Boot 메일 발송하기 https://kitty-geno.tistory.com/43
Postman으로 API 명세서 작성 https://kbs4674.tistory.com/180
Spring Boot에서 JWT 사용하기 및 의미 https://shinsunyoung.tistory.com/110
IntelliJ 에서 Maria DB 연결하기 https://roomconerdeveloper.tistory.com/79
IntelliJ 에서 Lombok 설치 https://gre-eny.tistory.com/303
(JPA)Entity 와 DTO를 구분해서 써야하는 이유 https://tecoble.techcourse.co.kr/post/2020-08-31-dto-vs-entity/
(JPA)Entity 와 DTO를 구분해서 사용하는 방법 https://donghyeon.dev/jpa/2020/07/12/JPA의-DTO와-Entity/ 가능한 User에 받지말고 해당 요청에 필요한 정보만 따로 넣어서 예를들어 회원가입이면 UserRequestDto 를 만들고 toEntity()라는 방식을 이용하자...
git merge conflict 시 IntelliJ에서 해결하기 https://javakong.tistory.com/217
Swagger - Select a spec https://victorydntmd.tistory.com/341 Docket Bean 버전관리
AWS - MYSQL 연동 https://mirae-kim.tistory.com/73
AWS - DOCKER 구동 https://velog.io/@wimes/AWS-EC2에-Docker-설치-및-Dockerfile로-웹서버-구동시키기
AWS- MYSQL 외부접속 허용 https://sjwiq200.tistory.com/83
Spring boot + 젠킨스 + docker https://velog.io/@haeny01/AWS-Jenkins를-활용한-Docker-x-SpringBoot-CICD-구축
AWS에 젠킨스 설치하기 https://doing7.tistory.com/118
@Async https://blog.huiya.me/15 메일 전송 시 비동기 방식으로 보내기

<aside> 💡 인공지능

</aside>

내용 링크 비고
두사람의 동작 유사도를 계산 https://blog.solarmagic.dev/ml/2021/04/16/pose-similarity/
인공지능 텐서플로 모션인식 https://www.youtube.com/watch?v=gb4tHkQwrIs
텐서플로우 js 데모 https://www.tensorflow.org/js/demos?hl=ko
Teachable Machine 코드 사용 방법 https://github.com/googlecreativelab/teachablemachine-community/tree/master/libraries/pose
Just Dance - Teachable Machine https://520liyan.xyz/leon-dunamu/khu-thon-2020/tree/master/src
ssafy 5기 프로젝트 우수
Teachable Machine & React - 이미지 분류기 https://velog.io/@hollymalu/tensorflow.js-사용하여-아주-간단한-실시간-이미지-분류기-만들기
Teachable Machine & React - 댄스 https://github.com/leon-dunamu/khu-thon-2020/blob/master/src/views/dance/TmPose.js
Image Prediction with Tensorflow JS on simple REACT App https://www.youtube.com/watch?v=ceLOgbZ2t-I&t=0s
Make an image classification app using React and Tensorflow JS https://www.youtube.com/watch?v=S_Lg1bVbqY4
React에서 String, 텍스트, 문자열로 Html 코드를 추가하는 방법 https://webisfree.com/2020-12-30/react에서-string-텍스트-문자열로-html-코드를-추가하는-방법
React - dangerouslySetInnerHTML https://okayoon.tistory.com/entry/React-DOM엘리먼트에-텍스트-삽입하기-innerHTML말고-dangerouslySetInnerHTML를-사용하자
image-classification-react-and-tensorflowjs https://bitbucket.org/vikrammehta/image-classification-react-and-tensorflowjs/src/master/src/

<aside> 💡 안드로이드

</aside>

내용 링크 비고
카메라 화면상에 촬영중인 영상과 소스 영상 둘다 띄우기 https://one-delay.tistory.com/40
안드로이드에서 리액트 웹뷰로 카메라 띄우기 https://wonpaper.tistory.com/275
react-tensorflow 연동 https://velog.io/@hollymalu/tensorflow.js-사용하여-아주-간단한-실시간-이미지-분류기-만들기
카메라 작동 https://yunseong.tistory.com/entry/Android-App-Study13-MediaRecorder-동영상-녹화

<aside> 🔥 SSAFY

</aside>

Server 정복