# CouchCoding

99개의 포스트

[카우치코딩] 포트폴리오 제작 6주차

6주라는 기간 동안 프로젝트를 기획하고 설계해서 개발까지 할 수 있을까라는 생각을 항상 하면서 걱정을 했다.다행히 마지막 수업 전에 프로젝트가 완성이 되었다. 데모를 하기 위해 팀원들이 다같이 모여 통합 테스트를 진행 하다가 생각지도 못한 곳에서 에러도 발생했지만 그동

2022년 9월 15일
·
0개의 댓글
·

[카우치코딩] 포트폴리오 제작 5주차

경기장 좋아요를 누른 사용자와 경기장의 고유키를 좋아요 테이블을 생성하여 같이 저장했다. 좋아요 누적 수는 경기장 Entity에서 관리하였고 JPA drity cheking을 활용하여 Entity안에 좋아요 수가 증가하고 감소하는 메서드를 만들었다.사용자가 경기장 주소

2022년 9월 15일
·
0개의 댓글
·

[카우치코딩] 포트폴리오 제작 4주차

매치 생성, 수정, 삭제는 JpaRepository를 상속 받았기 때문에 어렵지 않게 개발했다.매치 조회하는데 QueryDSL을 사용해야 했기 때문에 학습이 조금 필요했고 다른 기수들이 개발한 코드도 참고했다. 필터링하는 종류와 조건들이 처음 설계했던 내용과 조금 달라

2022년 9월 15일
·
0개의 댓글
·

[카우치코딩] 포트폴리오 제작 3주차

Spring 프로젝트 생성java11, SpringBoot2.7, JPA, Spring SecurityHeroku app 생성Heroku postgreSQL 설정GitHub Actions를 사용하여 Herouku에 SpringBoot 애플리케이션 배포 프론트와 백엔드

2022년 9월 15일
·
0개의 댓글
·

[카우치코딩] 포트폴리오 제작 2주차

설계 DB 명세서 작성 기능 명세서를 가지고 데이터베이스에 들어갈 테이블과 데이터들의 대해서 팀원들과 회의를 진행하면서 표를 만들어 작성을 했다. 처음해보는 설계였고 문서 작업을 하는게 아직도 익숙하지가 않았다. 카우치코딩 전 기수들의 DB 명세서를 참고하면서 비슷하게

2022년 9월 15일
·
0개의 댓글
·

[카우치코딩] 포트폴리오 제작 1주차

OT 카우치코딩에 대해 설명을 듣고 앞으로 6주간 어떻게 진행이 될 것인지 알 수 있었다. 멘토님께서 자기소개를 해주시고 프로젝트에 사용할 기술들에 대해서 간단하게 소개해주셨다. 아이템 선정 멘티들이 각자 하고 싶은 서비스에 대해 간단히 설명을 하고 아이템 후보로 선

2022년 9월 15일
·
0개의 댓글
·

[카우치코딩]포트폴리오 만들기 6주차

#6WeeksToyCrew #6주포트폴리오 #6주협업프로젝트 #CouchCoding #카우치코딩

2022년 9월 15일
·
0개의 댓글
·

[카우치코딩] 포트폴리오 만들기 1주차

1달 내로 경험이 없는 경험이 없는 Spring으로 포트폴리오를 만들어야 했다. 혼자서 부딪히며 배우는 게 국룰이라지만 시행착오를 겪을 시간이 부족한 나는 카우치코딩에 등록했다.. 79만원이 부디 아깝지 않기를 바랄 뿐이다...이번 기수에는 8분이 참여했다. 모두 남성

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

[카우치 코딩]좋아요 기능 구현

기능: 하트를 누르면 관심스터디 등록/해제관심스터디의 등록까지는 어렵지 않게 진행되었다. 그런데 관심스터디 해제와 관심스터디를 표시하는데 고려해야 할 부분이 많았다.먼저 각 스터디의 studyLikes의 배열에 포함된 모든 유저의 정보와 로그인된 유저의 uid를 som

2022년 6월 23일
·
0개의 댓글
·

Couch coding: sixth

수업 내용팀별 최종발표(데모) 전, 기능 구현 관련 질의응답작업 내용스터디 정보 수정 페이지: 스터디 정보 수정 기능 구현메인 페이지: 스터디 필터링 기능 구현마이스터디 페이지: 조회 기능 구현메인 페이지에서는 스터디를 3개의 조건으로 필터링하여 검색할 수 있는 기능과

2022년 6월 16일
·
0개의 댓글
·

Couch coding: fifth

수업 내용CORS 와 proxyCI/CD 설명로그인 에러 트러블 슈팅ENV+ CRAMocking WebAPI: Json-server작업 내용스터디 만들기 페이지 기능(Form 유효성 검사 및 POST request)구현로딩스피너 UIuseState함수 사용

2022년 6월 13일
·
0개의 댓글
·

Couch coding: fourth

수업 내용firebase authfetch vs axios작업 내용디자인 스타일 적용firebase Auth 적용 + login 백엔드 연동firebase Auth를 통한 Google 계정 로그인 구현은 완료하였으나, 백엔드와 로그인 연동 구현에서 어려움을 겪어 마무리

2022년 6월 13일
·
0개의 댓글
·

Couch coding: third

기획 단계를 마무리하고 프론트엔드 멘토님과 프로젝트 개발 첫 수업을 진행했다.ESLint 설정법Figma 코드를 React 에서 쓰기layout mock-up 하는 방법repo 동일한 구조 세팅eslint, prettier 세팅모든 페이지 layout각 페이지 inpu

2022년 6월 13일
·
0개의 댓글
·

[카우치 코딩]ESLint와 Prettier

ESLint 정적으로 코드를 분석 자바스크립트 문법에서 에러를 표시 config

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

[카우치 코딩]SVG를 리액트 컴포넌트로 쓰기

tech의 logo를 svg로 가지고 와서 이렇게 버튼으로 만들고 싶었다.1\. 먼저 src하위에 asset폴더를 만들고 svg파일을 저장했다.Icon.style.js를 만들고 svg파일을 리액트 컴포넌트로 import시킨 다음 styled-component로 widt

2022년 6월 13일
·
0개의 댓글
·

[카우치 코딩] 프로젝트 기획 최종 수정

1차 회의 후 멘토님께 구상된 프로젝트를 설명드렸다. 몇가지 피드백을 받아서 수정할 부분이 생겼다블로그의 경우 텍스트 에디터를 만들어야 되기 때문에 사실 6주안에는 불가능하다=> 그래서 블로그의 기능은 빼고 대신 유저가 외부에서 스터디 멤버들과 공유하고 싶은 포스팅의

2022년 6월 12일
·
0개의 댓글
·