카우치코딩 팀 프로젝트 for-rest 5주차 이번 주에는 heroku 환경 변수로 firebase admin key를 숨기는 것과 react 프로젝트를 로컬에서 빌드하고 충돌을 해결해 보았습니다. 방법은 heroku 환경 변수를 사용하여 프로젝트가 헤로쿠에서 빌드 될때 firebase admin key 값이 포함된 json 파일을 만들도록 하는 것입니다. Reveal Config Vars라는 버튼이 존재하는데 해당 버튼을 클릭하여서 f... 6주포트폴리오6주협업프로젝트6WeeksToyCrewCouchCoding카우치코딩6WeeksToyCrew 팀 프로젝트 for-rest 3주차 벚꽃 꽃잎도 서서히 떨어져가는 군요 이번주는 로그인 테스트를 위한 테스트 환경에서의 filter와 그리고 실제 환경에서는 firebase를 활용한 filter를 사용하게 끔 변경하고 테스트 코드 작성을 하고 엔티티 및 QueryDsl을 사용한 개발을 진행하였습니다. 로그인 기능을 구현하고 실제 테스트를 하기 위해서는 firebase를 사용하기 힘들어 다른 Filter가 필요하게 되었습니다. ... 6WeeksToyCrew카우치코딩CouchCoding6주포트폴리오6주협업프로젝트6WeeksToyCrew [수업과제] 카우치코딩 팀 프로젝트 리뷰 ⑦ 우리가 직접 css한 부분은 초록색인데 antd를 사용한 부분만 푸릇푸릇하니 통일성이 없어보여 이 부분을 우리가 커스텀하기로 했다! antd.less 파일을 불러오기 쉽도록 터미널로 node_modules에 직접 들어가서 커스텀 코드를 작성할 less 파일을 생성한다. 디렉토리의 node_modules/antd/dist 경로에 가보면 my_custom.less파일이 생성되었을 것이다. App... 협업프로젝트6주포트폴리오카우치코딩CouchCoding6주포트폴리오 [수업과제] 카우치코딩 팀 프로젝트 리뷰 ⑧ 리뷰 길이에 따라 더보기 버튼 생성 기존 Figma 디자인 상에서는 리뷰가 길어지면 3줄 이상이 되었을 때 ...으로 표시하도록 하였는데, 생각해보니 그렇게 하면 리뷰 내용 전체를 아무도 볼 수 없는 UI가 되어버렸다. 이 부분을 modal로 처리할 지, 더보기 버튼을 추가할지 고민하다가 인스타그램을 참고하여 일정 텍스트 길이보다 크면 더보기 버튼이 나타나고, 더보기 버튼을 클릭하면 전체 작... 협업프로젝트6주포트폴리오카우치코딩CouchCoding6주포트폴리오 5주차 react:Ant-design으로 form 만들기 개발을 하다보면 form을 쓸 일이 많다. 글발행에서부터 댓글까지 submit 해야 할 일이 많은데 처음엔 어렵게 느껴지던 antd가 굉장히 유용하게 쓰여서 공유하고자 5주차 메인 주제로 삼았다. antd 공식문서 발췌 : point 공식문서를 열심히 읽자.. 그 속에 답이 있다... Form 발행시 가장 중요한 건 각각의 아이템들을 Form.Item으로 감싸주어야 한다는 점이다. 그러면 F... 앤트디자인form6주포트폴리오카우치코딩antd6주포트폴리오
팀 프로젝트 for-rest 5주차 이번 주에는 heroku 환경 변수로 firebase admin key를 숨기는 것과 react 프로젝트를 로컬에서 빌드하고 충돌을 해결해 보았습니다. 방법은 heroku 환경 변수를 사용하여 프로젝트가 헤로쿠에서 빌드 될때 firebase admin key 값이 포함된 json 파일을 만들도록 하는 것입니다. Reveal Config Vars라는 버튼이 존재하는데 해당 버튼을 클릭하여서 f... 6주포트폴리오6주협업프로젝트6WeeksToyCrewCouchCoding카우치코딩6WeeksToyCrew 팀 프로젝트 for-rest 3주차 벚꽃 꽃잎도 서서히 떨어져가는 군요 이번주는 로그인 테스트를 위한 테스트 환경에서의 filter와 그리고 실제 환경에서는 firebase를 활용한 filter를 사용하게 끔 변경하고 테스트 코드 작성을 하고 엔티티 및 QueryDsl을 사용한 개발을 진행하였습니다. 로그인 기능을 구현하고 실제 테스트를 하기 위해서는 firebase를 사용하기 힘들어 다른 Filter가 필요하게 되었습니다. ... 6WeeksToyCrew카우치코딩CouchCoding6주포트폴리오6주협업프로젝트6WeeksToyCrew [수업과제] 카우치코딩 팀 프로젝트 리뷰 ⑦ 우리가 직접 css한 부분은 초록색인데 antd를 사용한 부분만 푸릇푸릇하니 통일성이 없어보여 이 부분을 우리가 커스텀하기로 했다! antd.less 파일을 불러오기 쉽도록 터미널로 node_modules에 직접 들어가서 커스텀 코드를 작성할 less 파일을 생성한다. 디렉토리의 node_modules/antd/dist 경로에 가보면 my_custom.less파일이 생성되었을 것이다. App... 협업프로젝트6주포트폴리오카우치코딩CouchCoding6주포트폴리오 [수업과제] 카우치코딩 팀 프로젝트 리뷰 ⑧ 리뷰 길이에 따라 더보기 버튼 생성 기존 Figma 디자인 상에서는 리뷰가 길어지면 3줄 이상이 되었을 때 ...으로 표시하도록 하였는데, 생각해보니 그렇게 하면 리뷰 내용 전체를 아무도 볼 수 없는 UI가 되어버렸다. 이 부분을 modal로 처리할 지, 더보기 버튼을 추가할지 고민하다가 인스타그램을 참고하여 일정 텍스트 길이보다 크면 더보기 버튼이 나타나고, 더보기 버튼을 클릭하면 전체 작... 협업프로젝트6주포트폴리오카우치코딩CouchCoding6주포트폴리오 5주차 react:Ant-design으로 form 만들기 개발을 하다보면 form을 쓸 일이 많다. 글발행에서부터 댓글까지 submit 해야 할 일이 많은데 처음엔 어렵게 느껴지던 antd가 굉장히 유용하게 쓰여서 공유하고자 5주차 메인 주제로 삼았다. antd 공식문서 발췌 : point 공식문서를 열심히 읽자.. 그 속에 답이 있다... Form 발행시 가장 중요한 건 각각의 아이템들을 Form.Item으로 감싸주어야 한다는 점이다. 그러면 F... 앤트디자인form6주포트폴리오카우치코딩antd6주포트폴리오