개발공부 15

[3nd Project]반응형 미디어 쿼리

아 ...토키유키 사마 3회 밖에 안남았어안돼..안돼.....안돼.........이도류 검사 나왔단말야.. 후부키인지 후븤키인지무튼 . . . 안대 2기 만들어라 가마쿠라 Dance토키유키 주군만들기 ㅠ 키르아는 찐 고양이상이라이질감이 없다눙 오늘은 반응형 CSS 다 끝내고 주말에 포트폴리오 리액트로 만들면서 김장할거야..!! 그럴거야 혼또다요 모바일 425px 작업 중 얼추 크기를 많이 맞춤길찾기 기능도 쓸 수 있답니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!아 ~ 눈아픈데오늘 돼지처럼 냠냠그래서 힘이 날 줄 알았으나 오히려 졸리다는 부작용이 있따. 랩탑싸이즈까지 완료했습니다.......네ㅔ네 이제 리액트로 포폴을 만드는 과정을 들고 오겠습니다. 오늘은 뭐 별..

Project/5V 2024.11.23

[3nd Project]벌레 잡기

안녕? 오늘은 따뜻한 우롱차를 한잔으로 하루를 시작합니다. 콧물 줄줄 얼굴 붓기 광광잠을 많이 잤더니 몸은 가벼워지나 얼굴은 커지는 매직감기 언제 걸리나 했더니 바로 걸리는  . . . . 오늘은 여정쿤과 닭발을 먹기로 한 날이기 때문에 빨리빨리 해야 할 일을 쳐내야하는 부지런데이하지만 빠릿한 나의 두뇌와 손은 언제나 믿음직하지 오늘은 피피티를 완성시키고, 반응형 425px 완성시키고,  세부적인 css 맞추려고 한다. 이번에 백엔드를 안쓰고 다 자바스크립트로만 구현을 해서 그런지 넘모 재밌다.  .  . 물론 백엔드도 재밌는데자바스크립트가 재밌어서 열시미 공부하고 싶어진다뇽 요즘 재밌게 보고 있는 도망을 잘 치는 도련님이거 역사 애니에여 이상한 거 아님근데 연출이 미쳤어요 진짜 기괴하고 무서우면서도 시..

Project/5V 2024.11.21

[3nd Project] intro 주차장 찾기 웹페이지 구현

갱장히 피곤한 오늘더 잘까? 20번 고민하다 일어난 내 신체 칭찬해. 아침부터 800미터 전력질주 계단 20층 오른 나 칭찬해이래서 피로가 안 풀리는 건가봉가 ..   내일은 우리 집 고양이 화장실 청소 해주는 날고앵이 화장실 청소는 무지 힘들어(유사 유산소) 무튼 내일 토요일!!!!!SQLD 딱 대 너.그리고 오블완씨 나 21일 뒤에 생일이야 매일 써줄게.  2차 최종 발표 후 D+3 3차 프로젝트 착수보고 D-DAY네.. 2차 끝나기 2주 전 3차 팀을 구성하고1주 전부터 준비했습니다. (그래서 피로가 안 풀리는 건가) 3차 프로젝트 주제에 더하여 주차장을 넣을 거다.  지도를 사용하는 기술은 처음이라 카카오 지도 API 가이드를 정독하고그 방법대로 해보려고 한다.  카카오 맵 api 가이드 카카오ㅆ..

Project/5V 2024.11.08

[2nd Project] 2차 프로젝트를 끝내며, 당근과 채찍 (+ 결과)

2차 프로젝트 주제여기서 맡은 내 역할은 로그인/회원가입/ 마이페이지 구글, 네이버, 카카오 로그인 API와 마이페이지에서 사용할 공공데이터.  저렇게만 보면 얼마 없어보이는 페이지였지만, 생각보다 연결된 페이지가 무지 많았다.  1. 구글 로그인/회원가입2. 네이버 로그인/회원가입3. 카카오 로그인/회원가입 4. 이메일 회원가입 - 이메일 인증5. 아이디 찾기6. 비밀번호 찾기 7. 프로필 편집8. 마이페이지 홈(공공데이터, 여행일정, 내 게시글 불러오기)9. 마이페이지 각 네비바에 연결된 페이지들(내 여행, 내 게시글, 내 저장목록)10. FAQ각 페이지 별로 어렵고 난해했던 부분 보충했으면 하는 부분들을 정리해 보려고 한닷.   🍟1. 구글/카카오/네이버 로그인 회원가입처음 API를 불러와야 한다..

Project/javachip 2024.11.07

[2nd Project] 아이디, 비밀번호 찾기/재설정(이메일 인증, JSP, STS)

JSP와 스프링프레임워크로로그인 창에서 아이디, 비밀번호 찾기 구현하기아이디를 찾고, 비밀번호는 이메일 인증을 통해서 인증된 사용자가 비밀번호를 재설정할 수 있다.이 기능은 이메일 회원가입을 위한 기능!(메론빵과 소보로와 마라탕이랑 오레오랑 계란과자의 효과인가 오늘 무슨 일로 개발이 척척 되는거지? 더 많이 먹어야겠다.)       🍼아이디 찾기//회원정보 찾기@PostMapping("/findIdProcess")public String findIdProcess(@RequestParam("m_registration_type") String registrationType, @RequestParam("m_nickname") String nickname, ..

Project/javachip 2024.10.22

[2nd Project] 스프링, JSP, Javascript로 네이버 API 로그인 구현하기

안냐하세요.네이버 하다가 멘탈 탈탈탈탈곡기 마냥 탕탈ㄹ타ㅏㄹ 터졌습니다.성공했는데도 어..엉,...했다..이런 느낌이랄까 정리를 한 번 해보자.......  일단 네이버가 왜 힘들었냐면요 구글이랑 카카오는 익숙한 이클립스로 했는데 네이버는 MVC환경을 접한지 3일 됐는데 해보느라고 아주 애 먹었습니다.눈이 퀭하네요주말에는 정청산기 실기 공부만 전념할 수 있겠다 휴 🍥🍥          NaverLoginDAOpackage com.human.web.repository;import org.apache.ibatis.session.SqlSession;import org.springframework.beans.factory.annotation.Autowired;import org.springframework...

Project/javachip 2024.10.04

[2nd Project] 카카오 로그인 API 구현

카카오 로그인 이녀석 누가 쉽다고 했어!!!!!코딩 병아리🐤🐥🐤🐣에게는 아주 어려웠다고요!도합 8시간 걸렸습니다.(금방 한 건가) 정확히 3번 엎었습니다.1. jsp로 해보겠다고 끙끙2. 스프링 MVC로 해보겠다고 끙끙3. 마지막 결국 자바스크립트 총평: 자바스크립트가 제일 간단하고 깔끔합니다. 다들 굳이 어렵게 하지마시고, 자바스크립트로 하세요자바스크립트 너 최고야. 😲 정리 해보면서 복기를 해보겠습니다.        카카오 개발자도구에 가서 애플리케이션 추가하면 앱 키가 나온다. 자바스크립트의 경우 자바스크립트 키로 쓰면 된다.(개발자도구에서 자세한 순서는 여기 블로그 참고)    🧀카카오 로그인 API 파일 DBCP.java현재 나는 DBCP를 이용해서 DB를 연결하고 있기 때문에 DBC..

Project/SideProject 2024.10.01

[2nd Project] ⁴ Servlet, JSP, AJAX 이메일 인증 기능 구현 및 오류 해결 과정

와아아아아아아 진짜 6시간 동안 싸운 오류와의 싸움 과정 기록.서블릿과 jsp를 이용하여 회원가입 페이지를 만들고 있다. 회원가입을 크게 이메일 가입과 SNS 가입 두 개로 나누었다.따라서 이메일 가입을 구현하기 위해서는 이메일 인증 절차가 필요했다.흐린 눈 하고 잠시 프론트만 할 때는 좋았는데 기능을 구현하려니까 약간 머리가 아팠다. 일단  구글 이메일 인증은 아래 블로그들을 참고 했다!!하나 하나 참고 하다보면 된다..🚚https://blog.naver.com/froginthesky/220834657436 https://studyforus.tistory.com/259 https://zero-week.tistory.com/87(진짜 너무 감사합니다..)    지금부터 회원가입, 이메일 인증 관련 파..

Project/javachip 2024.09.25

[JSP]JSP, Servlet, EL, JSTL 간단한 정리

JSP와 서블릿다시 만난 이녀석들. EL, JSTL 공부하기 전에 다시 한 번 정리하고 가겠다. 서블릿은 자바에서 실행하는 웹코드JSP는 HTML코드로 작성하고, html파일 내부에 를 통해 자바 코드 삽입 가능 JSP로 작성된 파일은 JSP Container에 의해 Servlet(.java)파일로 변환되어 실행. 본격적으로 gogo 🌋ELEL은 표현을 위한 언어로 JSP 스크립트의 표현식()을 대체할 수 있다.  ${ }: JSP가 실행될 때 즉시 반영되며, 객체 프로퍼티 값을 꺼낼 때 주로 사용 ${변수명}으로 선언하여, 다양한 연산자(산술, 비교, empty)를 사용 할 수 있는 도구${fn:} 등을 통해 함수 사용 가능HTML${prod.brndNm} : 프론트단 노출 용도javascript"$..