웹 개인공부
1.[project] IntelliJ pom의존성 추가시 에러뜰때
저기 보이는 Maven load change 클릭하면 된다.https://www.youtube.com/watch?v=i0ACQF8yX9E&ab_channel=Techtarzan인도 선생님은 늘 도움을 주신다.(웹 프로젝트 만들기 강의)
2.[project] 웹프로젝트 구축, 라이브러리 개념, 톰캣등록, maven과의 차이는?
빌드도구는 소스코드에서 어플리케이션 생성을 자동화 하기 위한 프로그램이다. 빌드는 코드를 사용 or 실행 가능한 형태로 컴파일링, 링킹, 패키징 하는것을 포함한다.기본적으로 빌드 자동화는 아래와 같은 정형화된 다양한 작업을 스크립팅하거나 자동화 하는 행위이다.https
3.[project] 뭔가 안될때는 개발 환경을 의심해보자
쿠키 생성 공부를 할때였다.이런 화면이 뜨면서 실행이 되질 않는다.구글에 해당 에러를 검색해 봤지만 몇시간째 답을 찾지 못하다가 과거 jdk 버전 차이로 실습에 문제가 생겼던게 떠올랐다. 그래서 버전 호환성 쪽으로 구글링 방향을 바꿨더니.https://prog
4.[project] 스프링 프로젝트 생성
웹개발 실전 기술 습득을 위해 toyproject 하나 만들어보자 스프링 기반이고 빌드타입은 자세히는 모르겠지만 Gradle-Groovy가 커뮤니티가커 Refer가 만다고 한다. 저걸 쓰더라도 Groovy언어로 개발하는건 아닐테니 저걸 선택하자.일반적인 웹 프로젝트와
5.[기능] 날씨 api 이용해서 내가 사는곳 날씨 띄워보기
참고로 위에 URL 포멧 만들고 Connection 만드는건 API 설명페이지 밑에 샘플코드 보면 나와있다.https://www.data.go.kr/tcs/dss/selectApiDataDetailView.do?publicDataPk=15084084Json 형
6.[개념] 스프링 시큐리티 흐름도
7.[개념] Spring 순환참조 오류
강의를 보면서 따라하고 있는데 웬 순환참조 오류가 떳다. Spring버전이 업그래이드 되면서 순환참조를 허용하지 않게 된 모양이다.principalOauth2UserService 객체에서 BCryptPasswordEncoder 객체를 사용하려다보니,두 객체가 서로를 참
8.[개념] JPA 란?
https://suhwan.dev/2019/02/24/jpa-vs-hibernate-vs-spring-data-jpa/
9.[기능] 스프링 시큐리티와 구글 로그인 구현
https://www.youtube.com/playlist?list=PL93mKxaRDidERCyMaobSLkvSPzYtIk0Ah (메타코딩님 Youtube 무료강의)★★★★ https://dev-coco.tistory.com/174 https://gngsn.tisto
10.[개념] 템플릿 엔진은 무엇인가
서론 토이프로젝트에 채팅 기능을 구현하는중 참고하는 블로그들이 '타임리프'라는걸 쓰는걸 봤다. 이게 뭔지 찾다보니 내가 익숙하게 쓰고있는 jsp와 비슷한 역할을 하는 '템플릿 엔진'이란걸 알게되었다.
11.[기능] 웹소켓 이용한 단체채팅 구현
WebSocketConfig 클래스는 Spring Boot에서 웹 소켓을 구현하기 위해 사용되는 설정 클래스다. 이 클래스는 웹 소켓 엔드포인트를 등록하고, 핸들러를 등록할 수 있다. handleTextMessage() : 클라이언트로부터 텍스트 메시지를 수신했을 때
12.[기능] 회원가입시 이메일인증
\-회원가입시 이메일 인증을 요구하고 인증받은 이메일을 회원가입시 그대로 쓰게 하고싶다.\-이메일 인증구현 관련해서 아래 블로그에서 많은 도움을 얻었다.https://gwamssoju.tistory.com/108(이메일 인증관련해서 도움 많이 받음)\*\*감사
13.[개념] JPA 많이 보이던데 왜쓰는거냐
토이프로젝트에 기능추가를 하기위에 다른사람들 코드를 염탐하던중 JPA 라는 기술이 많이 보이기 시작했다. 분위기를 보니 좀 짠다하는 사람은 다짜는것 같던데 일단 DB를 객체화 하는것인건 대충 눈치껏 알겟는데 정확히는 뭔지 모르겠다. https://www.you
14.[git] Revert, Reapply
15.[기능] 스프링 시큐리티와 구글 로그인 구현(2) - 네이버 카카오 추가 + OAuth2 설명 보충
https://velog.io/@holy38/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%8B%9C%ED%81%90%EB%A6%AC%ED%8B%B0%EC%99%80-%EA%B5%AC%EA%B8%80-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%
16.[기능] 채팅 기능 구현
WebSocketConfig 어플리케이션 실행될시 읽히는 파일이다 chatHandler를 /ws/chat/{roomId}에 등록하는 코드가 보인다.중괄호가 있는데 저건 경로 변수이다(uri ?뒤에 있는 변수 말이다) 나중에 보겠지만 채팅 페이지에서 이런식으로 요청한
17.[기능] 채팅기능 이상 수정
채팅시 타인의 프로필 이미지가 왼쪽에 뜨는것까진 성공했는데 문제는 프로필 사진으로 내것이 뜨는 현상이 발생했다. 해결법은? -> 코드흐름 어딘가에 타인의 정보(프로필사진 경로)를 읽어서 나에게 받아와야 한다. -> 혹은 아예 프로필 사진 이름을 /이미지경로/imag
18.[기능] 날씨 지역선택 추가
3개의지역 셀렉터가 있고 큰단위의 지역을 선택하면 하위단위데이터가 로드됀다(ex 서울특별시 선택시 두번째 셀렉터에 중구 용산구 성동구... 등등 로드됌)랜더링 됀 모습은 이러하다기상청에서 받아온 지역별 nx, ny 값이 포함되어 있는 데이터를 json형태로 가공해서 들
19.[데이터 가공] 기상청 지역 데이터 가공( 간단한 자바프로그램을 이용해 )
현재 보이는 표는 기상청에서 제공하는 자료이다 위 데이터를 이용해서 3가지의 주소를 선택하면 x,y값을 전달하게 돼있다. 그러기 위해서 어떻게 가공을 해야하는지 먼저 결과를 보여주겠다.위 json 데이터에서 ex) 울산광역시의 x, y 값은102, 84이다.ex) 울산
20.[기능] 내정보 수정
위는 내정보 수정하는 창이다 (위에 보이는 버튼을 누르면 밑의 컨트롤러로 이동)먼저 현제 로그인한 사용자의 객체 가져오는데 왜 가져오냐하면 변경된 정보가 있으면 변경된 정보를 해당 객체에 넣은뒤 다시 DB에 넣어줄 예정이다. uploadDir은 프로젝트내에 사용자가 선
21.[배포] 오라클 리눅스로 토이프로젝트 배포하기
개념공부하면서 배웠겠지만 자바 프로그램을 돌릴려면 자바가상머신(JVM)이 필요하다 이를 위해선 JVM이 포함된 JDK를 먼저 설치해야 한다. 내가 만든 Spring프로그램은 윈도우에서 JDK21를 사용하고 있었기에 21을 설치하려 했는데 위 사진에서 보다싶이 종류가 많다. 저중에서 서버를 운용하는데 최적화된 headless를 사용하면 된다. JDK설치가...
22.[배포] 집인터넷 포트포워딩 하기
먼저 일반적인 집같은 경우에는 하나의 공인 IP를 사용한뒤 192 로 시작하는 사설IP를 사용하고 있기 때문에 포트포워딩을 해줘야 하는데 이를위해서는 cmd창 ipconfig해서 게이트웨이 주소를 알아낸뒤 그걸 브라우저 주소창에 적은뒤 공유기 설정에 들어가자. 그리