본문 바로가기

전체 글

 (380)
Vue 기본문법 회사 프로젝트 중 필요한 Vue문법을 잘 설명한 블로그가 있어 글 남긴다.https://cjw-awdsd.tistory.com/33중간에 오타가 있는데,  아래에서 v-bind5. 입력 폼 연결v-bindv-bind를 통해 input에서 입력한 값을 프로퍼티에 저장가능하다. 다양한 예제를 아래와 같이 다 입력해놨다. 입력한 문자열을 표시하는 예제 input model : {{input_model}} input lazy model : {{input_model2}} textarea model : {{textarea_model}} disabledd checkbox ..
Fast API에 대하여 단기 현장 실습으로 회사에 다니고 있다. 현재 진행하는 프로젝트의 서버가 Fast API로 진행이 되어 이에 대해 살펴 보고자 한다. 참고: https://www.youtube.com/watch?v=5A67mQ2Pt9s실상 FastAPI는 웹개발 프래임웍이라기 보다는 광범위한 API를 만드는 툴같은 느낌을 같는다. 이로인해 아직 장고를 쓰는 사람이 많다고 한다.아래 그림과 같이 서버를 작은 기능단위로 분할하여 만든것이 Fast API의 특징이다. FastAPI사용법은 정말 간단하다. 아래와 같은 형식을 그냥 템플릿 기억하듯 기억하고  1~4만 변경해 주면 끝이다.get요청으로 어떠한 페이지를 받고 싶을 때는 FileResponse를 import 해준다. (또한 파이썬은 이와 같이 import를 먼저 적는..
리액트에서 자주쓰는 if문 작성패턴 5개 선임연구원님이 나에게 리엑트에서는 태그를 대상으로 어떻게 조건문을 구성하는지 물어보셨다. 당시에는 알고있었지만 막상 그렇게 질문을 받으니 알고있는 것도 제대로 답하지 못하였다. 아래는 어떻게 리엑트에서 if문이 구현되는지를 보여주는 5가지 예이다. 실제로 나는 그렇게 React를 깊게 공부해 보지는 않아 앞에 3개 방법이 익숙하다.  리액트에서 자주쓰는 if문 작성패턴 5개  1. 컴포넌트 안에서 쓰는 if/else function Component() { if ( true ) { return 참이면 보여줄 HTML; } else { return null; }} 컴포넌트에서 JSX를 조건부로 보여주고 싶으면 그냥 이렇게 씁니다.우리가 자주 쓰던 자바스크립트 if문은return () 안의 ..
@NoArgsConstructor에 대하여 NoArgsConstructor를 설명하는 매우 좋은글. 매우 쉽게 씌어짐:  https://velog.io/@kevin_/%EB%82%B4%EA%B0%80-NoargsConstructor-access-AccessLevel.PROTECTED%EB%A5%BC-%EC%99%9C-%EC%9E%91%EC%84%B1%ED%96%88%EC%9D%84%EA%B9%8C알아두기: 객체는 참조를 통해서 연관된 객체들을 마음껏 탐색한다. 그런데 객체가 데이터베이스에 저장되어 있으므로 연관된 객체를 마음껏 탐색하기는 어렵다. Hibernate와 같은 JPA 구현체들은 이 문제를 해결 하기 위해서, 프록시라는 기술을 사용한다. 프록시를 사용하면, 연관된 객체를 처음부터 데이터베이스에서 조회하는 것이 아니라, 실제 사용하는 시점..
API설계 오류관련 Validation Failed 오류 보통 백단에서 내가 직접 정해주지 않은 오류중에 Spring어노테이션이 생성해 주는 Validation Failed라는 오류가 있다. 이 에러가 정확하게 어떠 어떠한 경우에 발생하는지는 몰라도 한가지 확실한 것은 백단과 프론트간의 DTO객체 안의 변수이름이 맞지 않으면 이러한 VF(Validation Failed)오류가 발생한다는 것이다!!! 프론트측의 상태 변수 이름은 content였다. 그리고 DTO객체에서 사용되는 변수의 이름은 comment였다. 그래서 아래 코드의 의미는 프론트 측에 상태로 있는 content상태를 comment라는 자료형으로 사용하겠다는 의미이다.
간단한 CSS속성과 대응되는 값 정리 1. flex-direction: 자식 아이템들의 배치 방식과 관련된 속성이다. 값으로 row가 오면 왼쪽부터 오른쪽으로 차례로 배치되고, 값이 column이면 위에서 부터 아래로 배치된다.2. justify-content: 콘텐츠 항목 사이와 주위에 가로 공간을 분배하는 방법을 정의한다. 가로 축을 기준으로 좌우에 대한 정렬과 연관됨.flex-derection이 row(가로 배치)일때는 왼쪽에서부터, column(세로배치)일때는 위에서 부터정렬된다.다음은 justify-content속성의 값으로 올 수 있는 것들이다.space-between아이템들의 "사이(between)"에 균일한 간격을 만들어준다.ex) space-around아이템들의 "둘레(around)"에 균일한 간격을 만들어준다.justify..
Request processing failed; nested exception is java.lang.NullPointerException: Cannot invoke "java.lang.Integer.intValue()" because the return value of "com.flexy.boardback.respository.resultSet.GetBoardResultSet.getBoardNumber()" is null ==>> 요청 처리에 실패했습니다. 중첩 예외는 java.lang.NullPointerException입니다. "com.flexy.boardback.respository.resultSet.GetBoardResultSet.getBoardNumber()"의 반환 값이 null이므로 "java.lang.Integer.intValue()"를 호출할 수 없습니다. 드디어 나도 그 악명높은 NullPointerExeption을 만나게  되었다. 문제를 해결하기 위해서 https://flexyduck.tistory.com/499  이 내용에 대한 복습부터 한다.간단하게 요약하면 JPA에서 네이티브 쿼리를 사용해야 하는 상황이다. 아래의 코드처럼 쿼리문에는 board_number라고 되어 있고 GetBoardResul..
내가 필요한 정보가 하나의 엔터티 객체안에 모두 담겨 있지 않을때, 어떻게 Repository클래스를 작성하나 구체적인 상황은 이렇다. 하나의 게시판 페이지 안에 들어가는 정보를 얻을 수 있는 데이터베이스에 작성해 놓은 DML문장을 보면 아래와 같다.위의 쿼리를 보면 Board테이블과 User테이블의 조인이 이루어져 있는데 백단의 Repository계층에서 JPA를 사용하여 저절로 생성되는 쿼리 메서드를 사용할 수 없는 상황이다.이 상황에서 사용할 수 있는 선택지가 네이티브 쿼리(SQL) 혹은 JPA에서 사용할수 있는 JPQL이다. 이 프로젝트에서는 SQL을 사용한다.

티스토리툴바