본문 바로가기
  • hello world

분류 전체보기149

vs코드에서 셀단위로 파이썬 코드짜기 # %% 2024. 12. 27.
[Git] VI 에디터 i  입력모드 :q  저장없이 나가기    wq  입력하고나가기    wq!  강제로 입력하고 나가기    /[찾을 텍스트]  해당 텍스트 찾기 dd  한줄 지우기 shift+g  맨 밑줄로 가기 2024. 11. 1.
Ollama llama3.1 : 이제부터 라마가 당신의 컴퓨터를 해킹할 것 입니다. 2024. 9. 9.
[Spring] d @Controller 맛보기package lx.edu.eleventh;import java.text.DateFormat;import java.util.Date;import java.util.Locale;import org.slf4j.Logger;import org.slf4j.LoggerFactory;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;/** * Handles requests.. 2024. 9. 4.
[Spring] Maven project 시작하기 JDK 17로 내린부분 > 굳이 바꾼 이유: 17이 더 안정적인 버전이기 때문에  굳이 바꾸지 않아도 됨 LTS 롱텀서포트 => 8, 11, 17, 21 버전이 있음 그래서 17로 바꿈 실제 회사에서는 11과 17을 쓰는 곳이 많을 것 우리는 지금 뭐 21버전 이렇게 사용하고 그로는ㄴ데 원래는 운영중인 서버와 동일하게 build해야함 근데 서버는 21이 아닐 가능성이 너무너무 높다 톰캣 10을 다시 깐 부분 > 왜 jdk는 내리고 톰캣은 올렸을까:  pom.xml을 열었을때 자카르타 서블릿이라고 표현 중임 이 경우는 톰캣 10. 을 지원하는 것 자바가 있고 자카르타가 있구나 서블릿의 경우 자바도 있고 자카르타도 있음 이게 뭔데 자바EE에서 자카르타 EE로 변환됨(2018년에) 이게 뭔데 jsp는 자바EE.. 2024. 9. 4.
[Vue] Vue.js 시작하기 → 먼저 있어야 할 것 : node.js / vscode  vue 프로젝트 시작하기 또는 파워쉘에서   vue 프로젝트 기본 구성 2024. 8. 21.
[JS] 모듈을 불러오는 두가지 방식 - import, export / require import 방식ECMAScript 2015(ES6)에서 도입된 모듈 시스템주로 현대적인 JavaScript 애플리케이션에서 사용 // 모듈 전체를 불러올 때import * as moduleName from 'module-path';// 모듈에서 특정 기능만 불러올 때import { specificFunction } from 'module-path';// 모듈에서 기본 내보내기를 불러올 때import defaultExport from 'module-path';// 기본 내보내기와 특정 기능을 함께 불러올 때import defaultExport, { specificFunction } from 'module-path'; // math.js 파일에서export function add(a, b) { ret.. 2024. 8. 21.
Ajax Asynchronous JavaScript and XML 서버에 비동기로 요청을 전송하고 응답받는 기술 ajax 기술을 사용하면 페이지를 새로 고치지 않고 페이지의 일부를 변경하여 출력할 수 있음→ 백그라운드로 요청과 응답이 이뤄지고 화면이 갱신됨 내부적으로는 XMLHttpRequest를 사용하여 서버와 통신→ XMLHttpRequest는 MS에서 개발한 동적 통신 방법이며, 원격지의 XML 데이터를 호출할 수 있음var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementB.. 2024. 8. 13.
JSON JSON  JavaScript Object Notation 자바스크립트 객체 표기법데이터를 저장하고 전송하는 데 사용되는 경량의 데이터 형식주로 웹 애플리케이션과 서버 간의 데이터 교환에 사용프로퍼티들(변수, 데이터), 메서드들의 합 JSON의 주요 특징경량 데이터 형식: JSON은 데이터를 간결하게 표현하며, 텍스트 기반의 형식으로 사람이 읽고 쓸 수 있음표준화된 포맷: JSON은 표준화된 형식으로, 다양한 프로그래밍 언어와 플랫폼에서 사용구조적 데이터: JSON은 객체와 배열을 사용하여 데이터를 구조적으로 표현 JSON의 구조객체 (Object):중괄호 {}로 둘러싸여 있으며, 이름-값 쌍의 집합이름(키)은 문자열로 되어야 하며, 값은 문자열, 숫자, 불리언, 배열, 객체 등 다양한 데이터 타입일 수.. 2024. 8. 13.
[JS] Promise와 async/await JavaScript에서 Promise :비동기 작업의 완료 또는 실패를 나타내는 객체비동기 작업이 성공하면 작업의 결과 값으로, 실패하면 오류 이유로 Promise 객체를 사용할 수 있음Promise는 콜백 대신 비동기 작업을 처리하는 더 나은 방법을 제공함  세가지 주요 상태 Pending (대기 중): 초기 상태, 비동기 작업이 아직 완료되지 않음.Fulfilled (이행됨): 비동기 작업이 성공적으로 완료됨.Rejected (거부됨): 비동기 작업이 실패함.  let promise = new Promise((resolve, reject) => { // 비동기 작업 수행 let success = true; if (success) { resolve("작업 성공"); }.. 2024. 7. 30.
Bootstrap 부트스트랩 https://getbootstrap.com/ BootstrapPowerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.getbootstrap.com 스크롤 조금 내리면 이런거 있음 ▼  ▼ 기본와꾸 2024. 7. 26.
[JS] 현재 시간 띄우기 현재 시간   moment.min.js더보기구글에 moment.js 다운로드 검색맨처음에 나오는 웹페이지 클릭왼쪽에 다운로드 클릭 2024. 7. 25.
[JS] 객체와 배열 /** 여러 개의 값을 하나의 변수 상자에 넣기 */let names = ['홍길동1', '홍길동2', '홍길동3'] //세칸 세개 배열 만들어짐console.log(`names 배열 크기: ${names.length}`) //names 배열 크기: 3let first = names[0];console.log(`첫번째 칸: ${first}`); //첫번째 칸: 홍길동1console.log(`names의 타입: ${typeof (names)}`); //names의 타입: objectconsole.log(`첫번째 칸의 타입: ${typeof (names[0])}`); //첫번째 칸의 타입: stringlet fish1 = { name: '붕어빵1', age: 1 };console.log(`fish1의 타입:.. 2024. 7. 25.
[JS] <input type="radio"> 선택한 값 활용하기 라디오버튼 + JS 고양이 강아지 OK 2024. 7. 25.
[JS] (소괄호) · {중괄호} · [대괄호] (소괄호)사용 용도함수 호출그룹화: 수학 연산에서 우선순위를 지정하기 위해 화살표 함수의 매개변수 지정: 화살표 함수에서 매개변수를 지정할 때 // 함수 호출function greet(name) { return "Hello, " + name;}console.log(greet("Alice")); // Hello, Alice// 그룹화let result = (2 + 3) * 4; // 그룹화를 통해 5 * 4 = 20console.log(result); // 20// 화살표함수const add = (a, b) => a + b;console.log(add(2, 3)); // 5  {중괄호}사용 용도객체 리터럴: 객체를 정의할 때 블록 스코프: 코드 블록을 정의할 때 (함수, 조건문, 반복문 등)// 객체.. 2024. 7. 25.

티스토리툴바