jQuery와 JavaScript 차이점 JavaScript는 웹브라우저에서 작동하는 스크립트입니다. 기능을 포함하는 거의 모든 홈페이지들이 사용하고 있습니다. jQuery 또한 역시 자바스크립트 입니다. 다만 JavaScript로 빈번하게 사용되는 기능들을 조금 더 함축적인 코드를 통해 사용하게 만든 라이브러리 입니다 자바스크립트는 아래와 같이 크게 4가지 요소로 구성되어있습니다. 자바스크립트 core 문법 자바스크립트 core 라이브러리 자바스크립트 BOM (Browser Object Model) 자바스크립트 DOM (Document Object Model) jQuery는 이중 자바스크립트 DOM 작업을 쉽게 처리할수있도록 도와주는 라이브러리입니다. 또한 jQuery는 DOM 작업을 쉽게 도와주는 라..
무료 SSL 인증서 생성 Notice ZeroSSL은 인증서를 90일씩 무료로 3번 생성 가능 하다고 합니다. 만료일이 다되어가면 이메일로 알려준다고 합니다😊 1. 사이트 접속 https://zerossl.com/ 접속하여 Get Free SSL 버튼을 클릭합니다. 2. New Certificate 가입이 완료 된 후 대시보드에서 New Certificate 버튼을 클릭합니다. 3. 도메인 주소 입력 적용하고자 하는 도메인 주소를 입력한 후 Next Step 버튼을 클릭합니다. 3. 90일 인증서 체크 90-Day Certificate 를 선택 후 Next Step 버튼을 클릭합니다. 4. CSR & Contract 그대로 Next Step 버튼을 클릭합니다. 5. Finalize Your Order F..
이클립스 디버깅 시 com.sun.jdi.ObjectCollectedException occurred while retrieving value 로 인해 변수 안의 값을 확인할 수 없을 때가 종종 있습니다. 해결 방법에 대해 알아보겠습니다. 1. 문제 상황 2. 해결 방법 확인하고자 하는 변수에 마우스 오른쪽 버튼을 클릭 후 1 Array (Last used)의 ✔체크를 해제해 줍니다. Reference : https://dreamcoding.tistory.com/44
@Resource, @Autowired, @Inject 란 의존 관계를 자동으로 연결해주는 어노테이션 으로 세가지 어노테이션에는 차이가 있습니다. 의존 객체 자동 주입 스프링 설정파일 또는 태그로 의존 객체 대상을 명시하지 않아도 스프링 컨테이너가 자동적으로 의존 대상 객체를 찾아 해당 객체에 필요한 의존성을 주입해주는 것을 말합니다. @Resource, @Autowired, @Inject 차이점 @Resource @Autowired @Inject 설명 Java에서 지원하는 어노테이션 Spirng Framework 에서 지원 하는 어노테이션 Java에서 지원하는 어노테이션 사용하는 위치 필드, 한개의 파라미터인 빈 프로퍼티 setter 메소드 필드, 생성자, 여러개인 파라미터 메소드 필드, 생성자, 메소..
클릭이벤트 onclick과 Click Event 차이점 onclick과 addEventListenr는 덮어쓰기 vs 누적의 차이입니다. onclick 은 하나의 요소에 클릭 이벤트를 걸어줄 때마다 기존에 등록되었던 클릭 이벤트가 덮어씌어집니다. addEventListenr 는 하나의 요소에 여러개의 핸들러를 등록할 수 있으며 HTML element 뿐만 아니라 모든 DOM element에 대해 동작합니다. 예시 click 1. onclick 이벤트 window.onload = function () { const btn = document.querySelector("button"); btn.onclick = () => { console.log("reulst1"); }; btn.onclick = () => ..
Filter, Interceptor, AOP의 흐름 요청이 들어오면 Filter → Interceptor → AOP → Interceptor → Filter 순으로 거치게 됩니다. 1. 서버를 실행시켜 서블릿이 올라오는 동안에 init이 실행되고, 그 후 doFilter가 실행됩니다. 2. 컨트롤러에 들어가기 전 Interceptor의 preHandler가 실행됩니다. 3. 컨트롤러에서 나오면 postHandler → after Completion → doFilter 순으로 실행됩니다. 4. 서블릿 종료 시 destroy가 실행됩니다. Filter(필터) Filter는 말 그대로 어떤 것을 걸러내는 역할을 합니다. 위 흐름에서 보면 DispatcherServlet 앞에 Filter가 존재하는 것을 볼 수..
프론트엔드란? 사용자가 웹사이트를 접속하거나 모바일 애플리케이션을 다운로드 할때 사용자들은 레이아웃을 가진 인터페이스를 보게 됩니다. 이렇게 사용자가 마주보는 인터페이스를 테크놀로지 분야에서 ' 프론트엔드'라고 부릅니다. 프론트엔드 개발자는 UIUX 디자이너가 사용자에게 좋은 경험을 제공하는 디자인을 가져오면, 이 디자인을 활용해서 실제 웹 페이지를 구현합니다. 따라서 웹이나 모바일에서 사용자에게 보이는 UI와 관련된 코딩을 하는 사람을 프론트 개발자라고 합니다. 프론트엔드 사용언어 HTML HTML은 Hyper Text Markup Language 약자로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다. 즉, HTML은 웹 페이지를 만들기..
GPT 란? GPT는 Generative Pre-trained Transformer의 약자로 OpenAI에 의해 개발되었으며 책, 기사, 웹 사이트와 같은 방대한 양의 다양한 텍스트 데이터에 대해 학습된 딥 러닝 모델입니다. GPT는 언어 번역, 텍스트 요약 및 질문 답변과 같은 다양한 자연어 처리 작업에 맞게 미세 조정할 수 있습니다. 또한 특정 스타일이나 특정 주제에 대한 텍스트를 생성하는 데 사용할 수 있습니다. 즉, GPT는 광범위한 언어 작업에서 인간과 유사한 텍스트를 이해하고 생성할 수 있는 강력한 언어 생성 모델인 것입니다. ChatGPT 란? 2022년 12월에 GPT-3.5가 공개됨과 동시에 ChatGPT가 등장했습니다. ChatGPT는 GPT-3.5기반으로 텍스트 모델과 코드 모델을 혼..
Node.js란? 👉 https://08genie.tistory.com/entryNodejs-Nodejs-란 [Node.js] Node.js 란? Node.js란 Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(환경)으로 , JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램입니다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버 08genie.tistory.com ejs란? ejs란 Embedded JavaScript의 약자로, 자바스크립트가 내장되어있는 html 파일을 말합니다. 주로 node.js 에서 많이 사용하는 템플릿 엔진으로 html안에서 를 이용해서 서버의 데이터를 사용하거나 코드를 실행 할 수 있습니다. 이처럼 ejs는 ..
Node.js란 Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(환경)으로 , JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램입니다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도 소프트웨어 없이 동작하는 것이 가능하며, 이를 통한 웹 서버의 동작에 있어 더 많은 통제에서 벗어나 여러가지 기능을 하게 합니다. JavaScript 런타임 런타임이란 특정 언어로 만든 프로그램을 실행 할 수 있는 환경을 말합니다. 따라서 Node.js는 자바스크립트 프로그램을 컴퓨터에서 실행 할 수 있게 하는 자바스크립트 실행기 입니다. Node.js 사용이유 Node.js를 사용하려면 먼저 JavaScript를 배워야 합니다. N..
IPFS 란? IPFS(InterPlanetary File System)이란 분산형 파일 시스템에 데이터를 저장하고 인터넷으로 공유하기 위한 프로토콜입니다. p2p 방식으로 대용량 파일과 데이터를 공유하기 위해 사용합니다. IPFS에 업로드된 파일은 더 작은 청크로 분할되어 여러 컴퓨터에 배포되고 사용자가 찾을 수 있도록 해시를 할당합니다. IPFS 링크는 일반 웹과 같은 친숙한 위치 기반 링크를 사용하는 대신 각 항목의 고유한 해시 식별자를 기반으로 합니다. 이를 통해 파일이 있는 노드를 찾는 데 도움이 됩니다.그 후 p2p 연결을 통해 사용자에게 제공되는 방식입니다. Infura란? infura는 Ethereum 노드, 트랜잭션 릴레이, Layer 2 네트워크, IPFS, Filecoin 등의 모든 ..
클릭이벤트 .click() .on("click") 차이점 .on("click")과 .click()의 가장 큰 차이점은 동적으로 이벤트를 바인딩 할 수 있는지의 차이입니다. .click()은 최초에 선언된 element에만 동작하기 때문에 동적으로 생성된 태그에는 먹히지 않습니다. .on("click")은 동적으로 생선된 태그에 클릭 가능하도록 이벤트 바인딩을 해줍니다. .on("click")는 미리 메모리를 할당하지 않기 때문에 .click() 보다 메모리 관리에 좋습니다. 이벤트 바인딩이란? 서로 묶어서 연결해 준다는 뜻으로, 발생하는 이벤트와 그 후에 어떤 일이 일어날지 알려주는 함수(콜백함수)와 묶어서 연결해 준다는 뜻입니다. 예시 cat dog bird 1. .click() 이벤트 li 태그 클릭..
