728x90

전체 글 503

88일차

금요일날 프로젝트 발표라서 가장 정신 없는 날이다. Til 쓰는 것도 깜빡할 뻔 했다... 구현 마무리 하기 내가 원래 구현할 기능은 카카오 api를 이용해 주소 검색 기능이랑 회원가입 db에서 강아지 종류 데이터 가져오기를 구현할 예정이었는데 회원가입 db에서 강아지 종류 데이터 가져오기는 post 하시는 팀원분이 기능을 구현하지 못할 것 같다고 하셔서 기능 구현할 부분이 없어졌고 카카오 api는 html 코드 부분에 대해서 잘 몰라서 원래 검색 버튼안에 끼워넣는게 안되가지고 어차피 주소 입력 값을 db에 넣는 과정까지 코드로 구현은 했으니 보기로 주소를 띄워주냐 본인이 원하는 대로 작성하냐 차이라서 다른 기능을 구현하기로 했다. 사진을 등록할 때 사진을 잘 못 올릴 수도 있으니 이 부분에 대한 기능을..

TIL 2021.12.10

87일차(Pull request)

Pull request 일단 해보고 구글링 지금까지 프로젝트 하면서 한번도 pull request를 해본적이 없었는데 오늘부터 기능을 추가하면 계속적으로 pull request했다. 처음에 아래 버튼 중에 뭘 해야할지 몰라서 첫번째로 먼저 진행했다. 그랬더니 내가 바로 merge pull request를 진행할 수 있어서 이거는 승인을 안받아도 되는거고 Draff pull request는 승인을 받아야 진행되는 건가 싶었다. 구글링 해보니 PR 이슈를 초안(Draft)모드로 오픈할 수 있는 기능을 제공한다고 한다. Draft 모드인 PR 이슈는 merge 버튼이 활성화되지 않는다. 아직 작업 중이라는 내용으로 코드가 merge될 준비가 아직 되지 않았다는 뜻이다. Ready for review 버튼을 누..

TIL 2021.12.09

86일차

팀원 오류 같이 해결하기 팀원분이 아래와 같이 업로드하면 빈 페이지가 나오고 '$ is not defined' 이라는 에러가 뜬다고 help를 요청하셨다. 해결방법! 자바스크립트 동작 페이지 설정 이전에 jquery 스크립트에 대한 참조를 먼저 넣어야 한다. 아래 체크박스가 jquery 스크립트이고 체크박스 아래에 있는 코드가 자바스크립트 동작 페이지 이다. 출처 >> https://stackoverflow.com/questions/2075337/uncaught-referenceerror-is-not-defined 체크박스 값 가져오기 아래 코드를 이용해서 체크 박스의 값을 가져올 수 있다. // select box ID로 접근하여 선택된 값 읽기 $("#셀렉트박스ID option:selected").v..

TIL 2021.12.07

85일차(Thymeleaf, 다중 조건)

Thymeleaf spring 실행할 때 서버에서 에레 메세지를 띄울 때 자주 보이는게 Thymeleaf 어쩌구이다. 그래서 도대체 Thymeleaf가 뭐길래 얘가 자꾸 뜨는걸까 하고 검색해봤다. 타임리프는 흔히 View Template(뷰 템플릿)이라고 부른다. 뷰 템플릿은 컨트롤러가 전달하는 데이터를 이용하여 동적으로 화면을 구성할 수 있게 해준다. 타임리프thymeleaf 는 자바 라이브러리이며, 웹과 웹이 아닌 환경 양쪽에서 텍스트, HTML, XML, Javascript, CSS 그리고 텍스트를 생성할 수 있는 템플릿 엔진이다. 웹 애플리케이션에서 뷰View 계층 에 보다 적합하지만, 오프라인 환경에서 많은 형태로 처리가 가능하다. 스프링 MVC와의 통합 모듈을 제공하며, 애플리케이션에서 JSP..

TIL 2021.12.07

12주차(S3 업로드 완료, Sesstion Storage에 저장하기)

이번주는 낮밤이 바뀐 주인 것 같다. 특히 주말.. 주말에 코드 작성하다가 시간이 금방가는데 9시에 출석체크만 아니면 맘놓고 밤샐 것 같긴 하다.. S3 업로드 완료 3일 동안 S3 업로드에 매진했지만 Servlet.service() for servlet [dispatcherServlet] in context with path [] ~ 오류에 막혀 결국 다른 팀분들의 도움을 받아 해결했다. 코드의 전체적인 부분은 고칠게 자잘자잘하게 있고 크게는 아래 부분을 수정했어야 했다. 1. 버킷 정책 편집하기(AWS Policy Generator) 2. ACL 모든 사람(퍼블릭 액세스) 권한 허용해주기 3. accessKey: secretKey: * 키 입력할 때 띄어쓰기 하기..!! ex) accessKey:dk..

WIL 2021.12.06

82일차

면접 다들 내 면접 후기를 보신건지는 모르겠지만 위로의 말들을 많이 해주셨다. 오늘 아침에 팀원들과 회고를 할 때 튜터님이 오셔서 내가 제일 매운맛으로 한 것이고 이렇게 압박하면서 면접 보는 경우는 거의 없을 거라고 너무 상심하지말라 하셨다. 우리 팀 중에 어떤 분은 매운맛을 못느꼈을 것이고 어떤 분은 느낄 것이다 라고 확정을 지어주셔서 팀원들끼리 얘기해봤는데 뭔가 터는 사람이 정해져있는 것 같고 거기에 내가 들어간게 아닐까 싶다고 하셨다. 왜지..🤔 어제 격려해주셨던 지혜님은 계속 나를 케어해주시고, 🤗 다른 팀분들이 고생했다고 응원한다 하면서 격려해주셨다. 🙃 81일차(전 날 오류 해결하기 & 모의면접 후기) 오류 같이 잡아보기 팀원이 오늘도 컴퓨터와 대화를 하면서 나와 똑같이 코드를 작성했는데 왜 ..

TIL 2021.12.03

81일차(전 날 오류 해결하기 & 모의면접 후기)

전 날 오류 해결하기 * 참고 >> [spartacodingclub/TIL] - 80일차 (앞에 적힌 코드는 변경 전 코드 뒤에 있는 코드는 변경 후라고 보면 됨) Controller 변경 @PostMapping("/api/upload") public Upload setUpload(UploadDto uploadDto, @RequestPart(value = "file", required = false) MultipartFile image){ return uploadService.setUpload(uploadDto); } @PostMapping("/api/upload") public Upload setUpload(UploadDto uploadDto){ return uploadService.setUpload(..

TIL 2021.12.02

80일차

Git 경중님 팀 프로젝트 github를 보고 뱃지와 아이콘은 어떻게 한건지 여쭤봤더니 본인 TIL 주소를 보내주셨다. >> 9월 16일: Git 그 덕분에 나도 Developer Program Member 뱃지도 받고 학생이라서 pro도 신청했다. 그리고 내 프로필도 한 번 만들어 봤다. GitHub Stats랑 Most Used Languages를 띄워봤는데 나중에는 경중님처럼 프로젝트 수준으로 무언가를 해서 repository에 올려야겠다. 거기에 비하면 나는 그냥 잔디심기에만 열심히 했던 것 같다.🥲 stats를 작성할 때 참고하면 좋을 사이트이다. 한국어로 번역 되어있어서 👍🏻 Github 블로그 글 참고하기 >> Github 프로필 꾸미기 색상 그라데이션 참고 사이트 >> css 오류 같이 해..

TIL 2021.12.01

79일차(오류 해결하기, Team project)

javascript에서 ajax로 보내는 변수가 서버에 받아서 사용하는 변수와 같아야 한다. javascript에서 content 변수 대신 textbox로 설정하고 서버에서는 content로 사용해서 실행했을 때 404 error가 떴다. 서버에서 작성한 변수와 통일하면 에러가 뜨지 않는다. function saveArticle() { let content = {"content":$("#writerArticle").val()} $.ajax({ type: "POST", url: `/api/upload`, contentType: 'application/json; charset=utf-8', data: JSON.stringify(content), success: function (response) { ale..

TIL 2021.12.01

3주차 시작

entity 클래스 즉, table과 연동되는 클래스랑 Repositiory는 도메인 패키지에 만든다. 03. [3주차] Repository 만들기 @MappedSuperclass Timestamped를 자동으로 상속하는 녀석이 자동으로 생성시간과 출력시간을 컬럼으로 잡도록 도와준다. @EntityListeners Memo class가 변화하는 것을 항상 듣는다. Auditiong -> 무언가 변화가 일어났다. @EntityListeners(AuditingEntityListener.class) 생성/변경 시간의 변화가 있을 때 자동으로 업데이트한다. abstract 사용 public abstract class Timestamped { new Timestamped 이런식으로 쓰지를 못한다. 이 빵틀은 빵을..