감자의 개발공부 일지

Spirngboot 실습 도중 Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): com.~.~.dao.~DAO.~] with root cause 다음과 같은 오류가 발생하였다.😢 진짜 오랫동안 삽질했는데 별거 아닌 이유였다 꼭 ~.xml 파일의 mapper id를 체크해봐야한다!🤦‍♂️ ~.xml 파일의 부분에서 '~~'이 부분이 ~~DAO.java파일에서 값이 같아야..

1. JSP JSP는 Java Server Pages의 약자로 HTML 내에 직접 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에게 돌려주는 서버 측 웹 프로그래밍 HTML 속에서 자바코드는 또는 형태로 들어감 자바 소스코드로 작성된 부분은 웹 브라우저로 보내지지 않고 웹 서버에서 실행이 됨 JSP는 WAS에 의해 서블릿 클래스로 변환하여 사용 되어진다. Java EE 스펙 중 일부로 웹 애플리케이션 서버 (Web Appliication Server)에서 동작 2. J Query J Query는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리 J Query를 통해 문서 객체모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현이 ..

DOM을 꼭 직접적으로 건드려야 할 때 ref를 사용 state만으로 해결할 수 없는 기능 이 있다. 1. 특정 input에 포커스 주기 2. 스크롤 박스 조작하기 3. Canvas 요소에 그림 그리기 위와 같은 상황에서는 DOM에 직접적으로 접근해야 한다. 이를 위해 ref를 사용해야 한다. 1. 콜백 함수를 통한 ref 설정 - ref를 만드는 가장 기본적인 방법 - ref를 달고자 하는 요소에 ref라는 콜백 함수를 props로 전달해 주면 됨 - 이 콜백 하무는 ref 값을 파라미터로 전달 받고 함수 내부에서 파라미터로 받은 ref를 컴포넌트의 멤버 변수로 설정해줌 예제 {this.input=ref}}/> 2. createRef를 통한 ref 설정 - createRef 함수를 사용하면 더 적은 코..

- 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트라고 함 1. 이벤트 이름은 카멜 표기법으로 작성 예제 onclick -> onClick 2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달 3. DOM 요소에만 이벤트를 설정 가능 예제1 -> YourComponent를 클릭할때 doThat 함수를 실행하지 않고 그냥 이름이 onClick인 props를 YourComponent에게 전달해줌 -> 자체적 이벤트 설정 불가능! 예제2 { /* ~ */} -> 전달받은 props를 컴포넌트 내부의 DOM 이벤트로 설정은 가능! - Clipboard - Composition - Keyboard - Focus - Form - M..

- properties를 줄인 표현으로 컴포넌트 속성을 설정할때 사용 - 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터를 의미(부모 컴포넌트가 설정) - state와 달리 read-only - 자식 컴포넌트에서 전달받은 props를 변경이 불가능, props를 전달해준 최상위 부모 컴포넌트만 props를 변경 가능 ( 부모요소에서 설정) - 컴포넌트의 상태를 나타냄 - 상태에 따라 변화가 가능 - 직접 변경 가능 - state가 변경되면 컴포넌트를 다시 렌더링 해야함 - 외부에 비공개, 컴포넌트가 스스로 관리 해야함 props state 상위 구성 요소에서 초기 값을 가져올 수 있는가? O O 상위 구성요소에서 변경 할 수 있는가? O X 컴포넌트 내부에서 기본값을 설정할 수 있는가? O O 구성 요..

1. JSX란? JSX(JavaScript XML)는 자바스크립트의 확장 문법으로 XML과 매우 비슷하게 생김 2. JSX의 장점 - 일반 자바스크립트만 사용한 코드보다 JSX로 작성한 코드가 더 가독성이 높고 작성하기도 쉬움 - div나 span과 같은 HTML태그를 사용할 수도 있고 JSX안에 컴포넌트도 작성이 가능하여 활용도가 높음 3. JSX 문법 (1) 컴포넌트에 여러 요소가 있다면 반드시 부모 요소로 하나로 감싸야 가능 예제 - 에러 발생 function App() { return ( Hi! Let's Study React Bye! ); } export default App; 위와 같이 작성하게 된다면 다음과 같은 에러가 발생한다. 본 에러는 부모 요소가 없기 때문에 발생한다. 예제 funct..

원래 .gitignore에 .idea를 추가한 후에 커밋을 해줬어야 했는데 잘못 진행이 되었다...😒😒 git명령어를 통해 해당 파일을 지워주기로 했다. git rm --cached -r .idea/ 다음과 같은 명령어를 입력한 후 기존 git push를 다시 실행하였다 관련 파일은 모두 삭제되었다!😍 + 추가로 원하는 레포지토리 파일을 지우고 싶을때는 git rm --cached [지우고 싶은 파일명] 과 같은 명령어를 진행하면 된다! 😘

django에서 json파일을 db에 넣는 작업을 하던 도중 DataError:(1406, "Data too long for column '~' at row 1") 이라는 에러가 발생했다. 😒 에러의 해결벙밥어느다음과 같다 json에 넣을려고 했던 '~'에 해당하는 데이터 크기보다 MariaDB에서 받아들이는 데이터의 크기보다 더 크기 때문에 에러가 발생했다! 기존의 DB의 column의 크키를 더 늘려주면 해결된다! 아주 간단하다!😘