Persistence

Today I Learned 미니 웹 프로젝트 UI 개선 메뉴 클릭 시 사이드바 토글 & 메인 컨텐트가 오른쪽으로만 확장하게 함 메뉴 클릭 안 하면 기본적으로 컨텐트는 중앙정렬 & 왼쪽 빈공간에 로고 렌더링 메인 화면 로고 호버 이벤트로 안내 툴팁 표시 서평 수정/삭제 UI 변경(아이콘 추가 및 호버 이벤트 핸들러 등록) Today was 오늘은 하루종일 UI만 가지고 놀았다. 솔직히 이게 제일 재밌음... css에서 원하는 위치에 렌더링하려고 할 때에 fixed, absolute가 쏠쏠하게 쓰인다. 그리고 z-index도 컴포넌트들끼리 서로 안 밀어내게 해주니까? 기존 위치를 변경하지 않고서도 추가할 수 있어서 쏠쏠하다. 부트스트랩같이 미리 만들어진 것들은 정말 편리하긴 한데, 커스터마이징할 때 역시 ..

Today I Learned 미니 웹 프로젝트(책첵) UI 변경 색깔 변경, 중앙 정렬,사이드바 토글 Today was 당근마켓 인턴은 불합! 예상했던 결과였다. 어차피 취준이란 디폴트가 불합인 것이다. 그렇다고 불합이 아예 마음이 안아픈건 아니지만 내 실력이 그런 걸... 지원할 때에 피드백을 요청했었는데 답변에 피드백을 주셔서 감사했다. 전문성 부족에 대한 내용이었는데, 아무래도 내가 흥미있는 부분은 리액트, 리덕스, 노드js 인데 막상 내 블로그에는 스프링에 대한 포스팅만 늘어가고...(...) 내 개인적인 흥미와 교육 받는 내용이 달라서 생기는 어쩔 수 없는 부분인 것 같다. 어쨌든 내가 리액트 개발자가 되고 싶으면 이 부분에 대해 전문성을 보여야 한다는 것이다. 미니웹프로젝트가 끝나면 프로그래머..

Today I Learned D3로 산포도 그리기 스프링 MVC 500 에러 해결 머징 컨플리트 해결 네아로 구현

Git Conflict 해결 원격저장소에서 다른 분이 작업한 것을 머징하려고 하니 컨플릭트 발생 친절하게 어디서 무슨 컨플릭트가 났는지 다 알려줌 $ git merge origin/[머징하려는 브랜치명] Auto-merging target/m2e-wtp/web-resources/META-INF/maven/mybook.my/book/pom.properties CONFLICT (content): Merge conflict in target/m2e-wtp/web-resources/META-INF/maven/mybook.my/book/pom.properties CONFLICT (modify/delete): src/main/webapp/WEB-INF/views/bookList.jsp deleted in origi..

Today I did 병문안 포트폴리오 메일 발송 그리디 알고리즘 문제 풀려고 시도했으나 실패 Today was 어느새 TIL 이 아니라 TID가 되어버린.. 배웠다고 하기에는 오늘 새롭게 공부한게 많지 않아서 좀 애매하다. 그리디 알고리즘 문제는 분명 이렇게 풀면 된다고 이해했는데, 테스트케이스 몇개를 통과 못한다. 효율성이야 두번째 문제라 쳐도 정확성 테스트를 통과못하는데 어디가 틀렸는지 찾기가 넘 어려운 것.. 포트폴리오는 솔직히 템플릿이라도 커스터마이즈 하고 싶었는데, 템플릿이란 편하면서도 성가신 거였다. 기본적으로 내가 짠게 아니니까 css랑 부트스트랩이랑 scss 등 스타일 모듈이 많아서 커스터마이징이 (잘) 안된다. html 태그 내에 인라인 속성으로 스타일을 줘도 색깔이 안바뀌는데 이유를 ..

Today was 포트폴리오 만들기 본의 아니게 운동을 해버렸다 내일은 병문안/메일 발송/알고리즘 문제 풀기/할 수 있으면 네아로 에러 해결..

java.lang.ClassNotFoundException 에러 서버 구동시 java.lang.ClassNotFoundException 심각: 웹 애플리케이션 [/book] 내의 서블릿 [appServlet]이(가) load() 예외를 발생시켰습니다. java.lang.ClassNotFoundException: com.fasterxml.jackson.databind.exc.InvalidDefinitionException pom.xml 파일 내에 에러 Multiple annotations found at this line: schema_reference.4: Failed to read schema document 'https://maven.apache.org/maven-v4_0_0.xsd',..

Today I Learned 미니 웹 프로젝트 (버튼 클릭시 책 추가하는 모달)부트스트랩 모달 내에서 검색하고 결과 띄우는 기능 완료 form submit으로 쿼리 전달하니 submit하면 모달 닫힘 현상. submit 이벤트 발생 후 modal.show() 추가해도 안고쳐짐. form 태그를 삭제하고 버튼 클릭/엔터 이벤트 핸들러로 preventDefault() 함수 호출 후 ajax요청 보내 결과값 받아옴. 받아온 html을 body에 삽입하고 모달 show() 메서드 사용하여 해결 (네아로) 네이버 아이디로 로그인 시도하다가 디펜던시 때문에 안 됨 처음부터 조심조심 설정을 추가했지만... 스프링 소셜 디펜던시 추가하자 에러가 마구 떠서 실패. 그 와중 JRE Library 버전도 바꾸고 메이븐 프로..

Add books Modal 현재까지 구현한 기능 버튼 클릭 시 책 검색할 수 있는 부트스트랩 모달 팝업 책 제목 및 저자 검색 시 네이버 책검색 api로 요청하여 검색 결과를 모달에 렌더링 기본 설정 Spring Tool 3 add-on 설치 후 Spring legacy project 생성 WEB-INF/spring/appServlet/servlet-context 추가 WEB-INF/web.xml 인코딩 필터 추가 내부 요청 URL http://localhost:8000/book/bookList.do 폰트 Noto Sans KR @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); Naver Login(네아로) 기본 설정 Scribe..

Today I Learned 미니 웹프로젝트 버튼 클릭시 모달 띄우기 & 모달 내에 폼 제출 기능 구현중 스프링 부트 & 리액트 연결 시도해봄 Today was 아 오늘은 너무 힘들다. 오른쪽 눈도 아프고. 스프링부트랑 리액트는 하나만 해결하면(웹팩 watch 명령 실행) 연결해서 쓸 수 있을 것 같긴 한데... 설정하느라 너무 지쳐서 그런가 vscode로 자바를 하는 건 아무래도 아닌 것 같아.. 아닌가 내가 익스텐션 같은걸 활용을 잘 못해서 그런가? 이클립스로는 js 못해먹겠고 vs로는 자바 못해먹겠고...어..쩌라고...왜 클래스랑 애노테이션 import가 자동으로 안되는건데... 아 그냥 리액트는 개인플젝에 노드js랑 쓰는게 좋은것 같다.

Today I Learned leaflet 라이브러리로 맵 렌더링 및 마커 표시 기능 구현 미니 프로젝트 회의 Today was 이제부터 팀 미니프로젝트를 시작해야 해서 내가 지금 하는 개인 프로젝트 외에 다른 것이 생겼다. 어쨌든 2주만에 구현해야하니까 일단 이게 우선이 될 것 같다. 주제는 '나만의 서재' 컨셉으로 내가 읽은 책과 서평을 관리할 수 있는 웹앱. 그리고 다른 유저들의 피드도 메인 화면에 띄울 것. 그리고 유저들이 등록한 읽은 책 데이터를 기반으로 트렌딩하고 있는 책을 시각화하여 메인에 보여줄 것. + 기타 등등.. 스택은 학원에서 배운 거 기반으로 html/css/js/jsp + spring mvc/myBatis + oracle sql 으로 이루어질 것이다. 일단 나는 a..

Mac에서 톰캣 설치 및 포트 번호 바꾸기 톰캣 설치 방법(터미널 사용) spotlight 켜서 terminal 찾아 시행 terminal에서 brew update하여 최신 버전 업데이트(사전에 홈브류 설치 필요) brew install tomcat 으로 톰캣 설치 설치 뒤 brew list 쳐서 list 중에 tomcat 있는지 확인(제대로 설치되었는지) 터미널에 cd /usr/local/Cellar/tomcat/9.0.21/bin bin으로 이동 후 ./catalina start 명령으로 톰캣 구동(서버 멈추는 건 ./catalina stop) localhost:8080을 브라우저에 쳤을 때에 톰캣 홈페이지가 보이면 구동 성공 Mac에서 로컬호스트 포트 번호 바꾸기 터미널에 cd /usr/local/..

[jQuery] .click event pass parameters 상황: 제이쿼리 사용해서 click 이벤트 설정 시 패러미터를 설정하고 싶었다. 잘못된 코드 1 // Wrong code ex1 var someword = 'blahblah'; function test(param) { alert(param); } $('#somebtn').click(test(someword)); 이렇게 하면 클릭 뒤에 콜백이 실행되는게 아니라 윈도우가 로딩되면 바로 함수 내용이 실행되버린다. 잘못된 코드 2 // Wrong code ex2 var someword = 'blahblah'; function test(param) { alert(param); } $('#somebtn').click({param: someword}..

Today I Learned 타노스 프로젝트 모달 띄우는 것 성공! 버튼이 1개만 보이는 것 해결 Today was 컴포넌트 별 css 문제는 루트 컴포넌트의 css에 속성을 지정하여 상속하는 방식으로 해결했다! 전에 한 프로젝트 코드를 보니 확실히 도움이 되었다. 버튼 컴포넌트를 생성해서 2개를 렌더링했는데 한 개만 보이는 문제도 있었는데, 이거는 버튼 컴포넌트 div 위치를 브라우저 중앙으로 고정해놔서, 버튼 두개가 같은 위치에 겹쳐서 하나만 있는 것처럼 보였던 거였다. 이것도 버튼들을 감싸는 div의 css 속성은 루트 컴포넌트에 넣음으로써 해결했다. 좀 더 하려고 했는데 야구 보느라 오늘은(...)

리덕스 미들웨어 redux-promise 패키지를 설치하여 어플리케이션 안에 ajax 리퀘스트를 처리하도록 할 수 있다. ajax 를 사용하기 위해서 axios 라이브러리 사용한다.(제이쿼리는 너무 기능이 많아서) // WeatherReducer export default function(state = null, action) { console.log("Action received", action); return state; } 리덕스 미들웨어는 리듀서가 호출되기 전의 문지기 같은 역할을 하면서 액션을 잠깐 멈출 수 있다. 지금 만들어진 액션의 payload는 프로미스인데, 원래는 리듀서에 넘겨야 하지만 payload가 프로미스인 것을 확인하면 미들웨어가 프로미스가 resolved될 때까지 기다린 다음에..