SQL 작성 순서와 실행순서는 분명 다르다 유의할 것!!

지연 없이 실시간으로 일어나는 양방향 통신클라이언트에서 Request를 보냈을 경우, Reponse를 받는 형식의 통신으로, request를 처리하는 과정에서 response를 돌려주기 전까지 다른 request들은 block이 되며, request를 렌더링 해서 전송

개방형 시스템 상호 연결 모델 표준시스템들의 상호 연결에 있어 문제없도록 표준을 정한 것네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것각 계층을 지날 때마다 header가 붙게 되고, 수신 측은 역순으로 header를 분석함.✅ TCP/IP는 OSI 참조 모델을

간단하니까 링크로 첨부할게요! 또는 그냥 Jasper 사용을 해보고싶으신 분은 이 링크의 포스팅을 차례대로 따라해보면 쉬울 거예요.참고: https://catdev.tistory.com/2마우스 우클릭 - New - Project 선택JasperReports

진짜 엄청 엄청 엄청 헤맨 jasper report 연동하기....한글로 설명된 게 없어서 외국인 유튜브 보고 겨우 구현했다 ㅠㅠ한글로 설명을 적어두긴 했지만 대략적인 것이라 공부하고 수정이 더 필요하다.그래도 한국인들에게 도움이 되었으면 좋겠어용...유튜브 주소: h

Installation: Using PostCSS - Tailwind CSSTailwind 설치yarn add tailwindcss postcss autoprefixerproject에 tailwind 적용npx tailwindcss initconfig 파일 설정tail

Interceptor는 Axios의 기능 중 하나이다.✔️Axios란?Node.js와 브라우저를 위한 Promise API를 활용하는 HTTP 통신 라이브러리로, 비동기로 HTTP 통신을 할 수 있으며, return을 promise 객체로 해주기 때문에 response

기존에는 많은 데이터를 처리하기 위해 배열을 사용했었다. 하지만 배열은 크기가 고정되어 있고 삽입/삭제하는데 시간이 오래 걸린다는 불편한 점들이 많았고, 이를 보완하기 위해 자바에서 동적 배열 개념인 컬렉션 프레임워크를 제공한다. 컬렉션 프레임워크는 크기가 자유롭게 늘

쿠키나 세션을 이용한 인증보다 더 보안성이 강하고 효율적인 인증 방법헤더와 페이로드를 가지고 서명 필드를 생성하므로 데이터 변조 후 재전송을 막을 수 있음.stateless 서버를 만들 수 있음.모바일 어플리케이션에서도 잘 동작함.인증 정보를 다른 웹서비스에 전송할 수

HTML 문서를 주고 받는데 쓰이는 통신 프로토콜TCP / UDP 를 사용하여 통신하며 80번 포트를 사용하는 통신프로토콜(통신규약)이다. 연결 상태를 유지하지 않는 비연결성 프로토콜이며, 요청과 응답(request, response) 방식으로 동작한다. 클라이언트가

Cookie는 서버 요청을 할 때마다 Request Header에 Cookie를 실어 보낸다. 그렇다면, 서버에서도 Cookie를 통해 토큰을 읽어올 수 있는데 왜 또 Header에 Authorization에 실어 보내야 할까?답은 간단하다. 현재 우리의 쿠키에는 토큰

클라이언트에서 자바스크립트로 쿠키를 조회하는 것을 막는 옵션브라우저에서 HTTP Only가 설정된 쿠키를 조회할 수 없다.서버로 HTTP Request 요청을 보낼 때만 쿠키를 전송한다.XSS(Cross Site Scripting) 공격을 차단할 수 있다.웹브라우저와

path 속성을 이용하면 웹 서버의 특정 URL에 대해서만 쿠키를 전송할 수 있다. path 속성은 웹 서버의 디렉토리 단위(URL 경로 상에 슬래쉬(/)로 구분되는 단위)로 지정이 가능하며, 디렉토리를 지정하면 해당 디렉토리와 그 하위 디렉토리에만 쿠키가 전송된다.✔

어떠한 서버도 HTTP통신을 한다면 쿠키를 주고 받을 수 있으며, 클라이언트에서도 쿠키에 접근하고 관리할 수 있다. 또한 HTTP와 HTTPS 사이에도 쿠키를 교환할 수 있고, 같은 도메인이라면 서로 다른 Scheme일지라도 쿠키를 공유할 수 있다. 쿠키는 서버와 클

웹 개발을 하다보면 우리가 가져오는 리소스들이 안전한지 검사하게 되는 정책과 마주하게 되는데, SOP(Same Origin Policy)와 CORS(Cross Origin Resource Sharing)가 있다. 이는 서버에 구현된 스펙이 아닌 브라우저에 구현된 스펙

Request params을 사용할 때는 파라미터 값을 꼭 넘겨주어야 한다. 하지만 post인지 get인지에 따라서 파라미터 값을 넘기는 방식이 다르다.✔️ 참고axios.post(url, data, config):post에서는 두번째 인자가 data이기에 두번째 인자

상태 관리는 여러 컴포넌트 간의 데이터 전달과 이벤트 통신을 한 곳에서 관리하는 패턴을 의미한다. 컴포넌트 기반 프레임워크에서는 작은 단위로 쪼개진 여러 개의 컴포넌트로 화면이 구성된다. 이에 따라 컴포넌트 간의 통신이나 데이터 전달을 좀 더 유기적, 효율적으로 관리

목록에서 상세조회로 갈 때, 스케줄의 id값을 넘겨 상세조회로 넘어가려고 한다.패스 설정에서 :id 를 사용해 상세 조회시 url에 각 스케줄의 id 값을 띄울 수 있도록 한다.목록에서 상세로 router push 를 할 때, 파라미터로 아이디 값을 함께 넘겨준다. p

클라이언트의 요청 경로에 따라 해당하는 컴포넌트를 불러와 페이지를 구성할 수 있다. URL 변경 시 DOM을 새로 갱신하는 것이 아니라 미리 컴포넌트를 가지고 있다가 변경된 요소영역만 갱신한다(SPA 언어의 큰 특징). 따라서 유연하게 페이지 전환이 가능하다. vue

✔️사용 이유로그 목록 조회 / 스케줄 목록 조회 총 2 화면에서 페이징 기능을 구현해야 했는데, 각 화면에서 페이징을 구현하기보다 페이징을 컴포넌트화해서 재사용하고자 함.자식 컴포넌트에게 props라는 특별한 속성으로, 데이터를 전달할 수 있다.자식 컴포넌트에게 이벤