INTP의 멋대로 개발 세상

오늘 오전 내내 한참 헤메었던 DB 연결하는 방법을 공유합니다!!!! 어렵지 않아요😊😉 상품 구매 사이트 만들기 3단계에서는 2개의 서버가 하나의 DB를 공유하도록 만드는 것이 핵심(?) 목표입니다 (구매자 프로젝트, 판매자 프로젝트 별개인데 DB는 한 개를 쓰는 것) 이미 H2-Console 등을 사용해서 프로젝트를 만들었다해도, dependency 와 yml 파일만 조금 수정해주면 쉽게 연동할 수 있습니다 먼저 기능 구현을 하고 (H2-Console을 사용해서) 마지막에 DB 연동하는 게 편한 것 같아요. H2-Console은 서버 재실행 할 때마다 더미 데이터 빼고 나머지 데이터가 알아서 삭제되지만 MySQL은 데이터가 계속 쌓여서.. (ex. 회원가입 잘 되나 확인하려고 아무 정보 등록 시 삭제되..

이번 포스팅은 조건문이라는 아주아주 중요한 개념을 배워볼 것이다😎 조건문이라는 것은, 하나의 프로그램이 하나의 흐름으로 가는 것이 아니라 조건에 따라서 다른 순서의 기능들이 실행되도록 하는 것❗ 이전 강의에서 만든 예제. 주간모드와 야간모드 버튼을 만들었는데, 하나의 버튼으로 만들어보고 싶다면? (밝은 상태에서 클릭하면 깜깜하게, 깜깜한 상태에서 클릭하면 밝은 상태로) (= 이런 걸 토글이라고 한다) (문법XXX 조건문이 이렇게 생겼다라는 것만 보자!) 토글의 코드는 이렇게 생겼다. if 조건에 'day' 모드이면 if {} 중괄호 안의 코드가 실행되고, else, 즉 night 모드이면 else {} 중괄호 안의 코드가 실행된다는 뜻이다. 영어랑 똑같이 해석되기 때문에 의미 파악은 어렵지 않다😎 비교연..

GitHub - JungminK1m/Springboot-Product-Study-V1-V2 Contribute to JungminK1m/Springboot-Product-Study-V1-V2 development by creating an account on GitHub. github.com 1단계는 저번 게시글의 CRUD 구현이었다. 나는 자바스크립트 수업할 때 (특히 Ajax) 되게 어렵다 느꼈었는데 역시나 이번에도 몰라서 엄청 헤맸다. 그냥 Ajax 모르겠어 엉엉...😭😭😭😭 덕분에 유튜브 보고 Ajax 새로 공부했다...(오히려 좋아) 내가 아는 게 맞는지도 모르겠다 사실.. 일단 막 휘갈기고 선생님께 피드백을 받는 게 낫겠다 싶었다. 내가 쓴 (사실 GPT가 쓴) Ajax 코드와 선생님 코드를 ..

본격적인 파이널 프로젝트를 시작하기 전에, 선생님께서 연습용 프로젝트를 만들자고 하셨다. 나는 파이널 프로젝트 직전에 개인적으로 과제를 받아서 혼자 만들 적이 있는 내용(?)이었다 이게 파이널 연습용 과제가 될 줄이야 ㅎㅎ 😀 (다 만들지는 않았어서 나도 계속 팀원들이랑 진행해야 한다!) 나는 1-2단계 정도 미리 만들어져 있었고.. 따로 블로깅을 하지 않은 것에 후회하며.. 지금부터라도 열심히 블로깅하며 만들어야지! 하고 다짐했다👊 홈페이지는 대략 이렇게 생겼다! 상품 데이터 리스트를 뿌린 메인 페이지, 상품 이름 링크를 누르면 해당 상품의 상세 페이지로 들어갈 수 있고, 메뉴바에 보면 새로운 상품을 등록할 수 있다. 기본적인 CRUD 연습을 할 수 있는 프로젝트라고 할 수 있다🥴

8~11강 까지는 자바스크립트 사용을 위한 기본적인 CSS 강의라서 따로 정리를 하지 않겠습니다😎 CSS를 아예 접하지 않으신 분은 8강부터 보시면 됩니다 예제에 night, day 버튼 코드를 지우고 이때까지 배운 개념을 토대로 다시 한 번 만들어 보자! (위 사진처럼!) // 버튼 만들기 그럼 이 버튼이 클릭됐을 때 태그의 스타일 속성을 동적으로 변하게 하고 싶다. 그렇다면 자바스크립트 문법에 따라 웹 브라우저에게 태그를 선택하도록 해야겠지? 이런 식으로 공식 문서를 활용하자! (해석) document.querySelector라는 명령문을 이용해서 selector를 넣으라 되어있는데 예시를 보니 ".myClass" 라고 되어 있고 .myClass 라는 것은 이 웹 페이지에 있는 모든 태그 중에 클래스..

이번 포스팅에서는 자바스크립트의 변수와 대입연산자에 대해서 알아볼 것이다🎓 변수는 학교 수학시간에 많이 들어봤을 것이다! "바뀔 수 있는 값" 우선 아무 홈페이지에서 콘솔 창을 열어보자😙 x를 1, y를 1로 선언했다. 그렇다면 x + y 는?? 똑똑한 자바스크립트가(?) 답을 계산해 준다😎 x를 1000으로 바꾸어 선언하고 다시 x + y 를 계산했더니 바뀐 x의 값으로 계산해 준다 더보기 여기서 x는 변수 (Variable) "=" 은 대입 연산자 라고 한다 오른쪽 항에 있는 값을 왼쪽에 있는 변수에 대입한다는 개념 (X라는 대입연산자를 통해서 값이 바뀔 수 있다 = 변수) 방금 논리를 적용하면 1에다가 2를 대입한다는 뜻인데, 당연히 1은 언제나 1이기 때문에 2를 대입하니 에러가 뜬다. (X와 달..