스걱스걱

1. 프로젝트 생성 Maven Project의 Maven web-app archetype으로 프로젝트를 생성한다. 2. 의존성 추가 maven project이기 때문에 pom.xml에서 의존성을 추가한다. - jsp, servlet, jstl을 사용할 것이기 때문에 관련 의존성을 추가한다. servlet은 Spring에서 Dispatcher Servlet로 사용되어 frontController 역할을 한다. javax.servlet javax.servlet-api 3.1.0 provided javax.servlet.jsp javax.servlet.jsp-api 2.3.1 provided javax.servlet jstl 1.2 - Spring 의존성을 추가한다. version이 바뀌어도 문제가 되지 않게..

예전에 유투브에서 구독 중이던 달방앗간님의 금귤정과 만드는 영상이 올라와서 봤다. 하나하나 정성이 장난아니게 들어가더라... https://youtu.be/y024P2kJNGMhttps://youtu.be/y024P2kJNGM 요즈음 금귤 정과가 갑자기 인터넷 상에 핫하길래 그 때 궁금함이 다시 생각나 결국 주문해봤다. 주문 폭주로 순차배송을 기다렸다가 13일에 드디어 받았다. 영롱... 양 엄청 적을 줄 알았는데 어느정도 담겨 있는 것같았다. 알알이 너무 귀엽구.... 맛은 그냥 금귤맛이다. 그냥 금귤과 달리 안시고 안쓰다. 많이 달지도 않고 적당하고 금귤 향이 입안에 퍼지다가 끝에 고급스러운? 조청맛같은 단맛으로 끝난다. 생각했던 것보다 덜 쫀득했는데 더 말리면 더 쫀득해진다고 하더라. 난 참을 수 ..

TO DO LIST 페이지 만들기 1. jsp(jstl/el) (★★) DB에서 가져온 값을 동적으로 jstl과 el로 표현하는게 어려웠다. 2. css/js(★★) css는 전혀 어렵지 않았다. JS에서 XMLHttpRequest을 처음 써봐서 찾아보면서 하는 것 빼고는 크게 어렵지 않았다. 3. servlet 연결 (★★★) 페이지를 만드는 것에 있어서는 배웠던 내용을 응용하면 되서 크게 어렵지 않았지만, 페이지가 작동하는 process를 파악하기 어려워서 그것을 이해하는 것이 어려웠다. 4. DB 연동 (★) 실습할 때 했던 코드를 약간 변형하면 되서 어렵지 않았다. DTO를 만들어 DB에서 값을 가져오고, DAO로 DB와 통신함 [진행 과정] 1일차 main.jsp, form.jsp, css, D..

동유럽 언어 번역 앱 개발 프로젝트 팀원: 상진수(백엔드), 오수빈(프론트엔드) 0. east europe translator site go to east europe trnslator https://www.e2translate.com/ https://e2translate.com/ 1. 프로젝트 소개 프로젝트 주제 동유럽 언어 학습 향상을 위한 번역 웹 애플리케이션 프로젝트 선정 이유 우크라이나어 학습 효율성 향상 루마니아어 학습 효율성 향상 예상 사용 인원 최대 40명 최소 5명 이내 프로젝트 언어 및 환경 프론트엔드 html, javascript, css 백엔드 typescript, nest.js 주요 기능 한국어 - 영어 번역 영어 - 우크라이나어 번역 영어 - 루마니아어 번역 제한 사항 Googl..

1. Github 협업 방법 gmlwjd9405.github.io/2017/10/27/how-to-collaborate-on-GitHub-1.html [GitHub] GitHub로 협업하는 방법[1] - Feature Branch Workflow - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io 2. readme.md markdown 작성법 m.blog.naver.com/jooeun0502/221956294941 [Git, 깃] README.md 작성하는 방법, 예시 | markdown (마크다운) 사용법, 문법 안녕하세요 쥰입니다!오늘은 Git 에서 README.md 파일을 작성할 때 사용하는 Mark Down 문법..

replace를 이용해서 개행문자를 바꿔준다. str = str.replace(/(?:\r\n|\r|\n)/g, ' '); 이론상 분명 맞고 console에서는 먹히는데 실행했을 때 안먹혀서 고민하다가 혹시나 하는 마음에 \를 추가했다. 그랬더니... 되더라.... const str = str.replace(/\\r\\n|\\n|\\r/gm," ") 뒤에 붙은 g(정규식)에 대한 설명 -g(global) : 전역 검색 -i(ignore) : 대소문자 무시 -m(multiline) : 여러줄을 검사 developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/replace String.prototype.replace() - Jav..

모발 기부를 위해 머리카락을 기르다 자르게 됐다. 좀 더 기르고 싶었는데 개인적 사정으로 잘라야했다. 길이가 25cm는 안되지만 도움이 됐으면 하는 바램에 기부를 진행했다. http://www.givehair.net/ 어머나운동본부 어린 암환자들을 위한 머리카락 나눔활동 www.givehair.net 어머나 운동본부에 기부하려는데 기부확인증이 안나오거나 제대로 도착했는지 여부를 제대로 안알려주는 것같았다. 그래도 확인증을 위해 기부하는 건 아니라서 강행! 긴부분 정도는 쓸 수 있을것도 같더라... 작은 카드를 적고 에어캡봉투에 담아 편의점 택배로 부쳤다. 주소: (우편:01914) 서울시 노원구 화랑로45길 24 (월계동)3층 문의: givehairkat@gmail.com 택배 발송 후 어머나 홈페이지에..

아부지 생일을 기념해서 빌리엔젤에서 케이크를 샀다. 봉투값까지 케이크 2호 45,100원 결제! 체리 케이크라 인공적인 맛이 나면 어쩌지... 하면서 구입했다. 지금 케이크를 사면 콜라보한 안나수이 향수 샘플이랑 그립톡을 준다 ㅎㅎ 향수 잔향도 괜찮고 그립톡도 색감 예뻐서 만족 ㅎㅎㅎ 쓰던 케이스에 부착했는데 찰떡!! 주신 케이크 토퍼까지 야무지게 꽂아서 아버지 생일 축하 해드렸다 ㅎㅎㅎ 내부 가운데에 알알이 체리가 박혀있다. 분홍분홍 너무 예쁨 ㅋㅋㅋㅋ 버터크림 같은데 많이 달지도 않고 많이 느끼하지도 않고 너무 좋았다. 단거 안드시는 아부지도 잘 드셔서 쀼듯 ㅋㅋㅋ 돈쓴 보람이 있었음 매장에서 샀지만 배달도 되니 이용해봐도 좋을 것같다. https://www.billyangelshop.com/shop..

신안에 있는 섬에 갈 수 있게 1004 대교가 놓아지면서 접근성이 좋아졌다. 외할머니네 가는 길에 퍼플섬이 간판을 보고 찾아가게 되었다. 알고보니 퍼플섬으로 이름 지어지기 전에 가봤던 다리랑 섬...! 다리 건너 섬에서 아빠랑 산을 오르다 을씨년스러운 무당터?신집터?를 본 기억이 난다. 정상찍고 길도 없는 곳으로 헤쳐 내려왔던... 입구에 있던 지도. 퍼플교 시작지점. 다리가 생각보다 길어보였고, 가는 길가에 주차된 차들도 많고... 주차장에 차도 많았다. 의외...입장료가 있길래 들어가진 않았다. 재밌는 점은 보라색 옷이나 가방 모자 등을 입으면 무료입장 가능 ㅋㅋ 나는 가봤던 곳이라 들어가지 않았지만, 보라색 꽃피고 그런 시기에 방문객들 사진보면 예쁜것같았다. 한번쯤 방문해봐도 산책하며 사진찍기 좋을..

Ajax 페이지를 리로드하지 않고 서버에서 필요한 데이터만 동적으로 가져오는 기술 Ajax를 이용하면 하나의 html을 수정하면 모든 페이지가 수정 가능해짐 페이지에 들어가는 정보가 굳이 html 파일로 안들어가도 됨 =Single-page application (SPA)를 만들 수 있게 되는 것 XMLHttpRequest API가 있지만 fetchAPI가 더 강력 but 호환성 문제가 있을 수 있은 -> caniuse.com 에서 확인해보기 fetch API HashBang 주소가 페이지별로 달라지게해서 공유할 수 있게 만들기 위해 사용 html javascript url에서 hash를 얻는 방법 if(loaction.hash) { ... } else { ... } 단점: 검색엔진 최적화가 안됨 -> ..