Programming/Javascript6 자바스크립트에서 타임리프 사용하기 알아보게 된 이유현재 친구와 함께 스프링부트로 사이트를 구현하는 프로젝트를 진행하는 중입니다. 그래서 사이트를 만드는 도중에 자바스크립트로 타임리프 변수를 받아야 하는 상황이 발생하였고 이를 해결하기 위해서 공부하게 되었습니다. 깃허브 프로젝트 링크 GitHub - hosunghyun/Smart_Makeup_Web: 웹으로 캠을 사용하여 서버로 화장 시뮬레이션을 제공웹으로 캠을 사용하여 서버로 화장 시뮬레이션을 제공. Contribute to hosunghyun/Smart_Makeup_Web development by creating an account on GitHub.github.com 해결방법위에 코드는 스프링부트 프로젝트를 진행하면서 타임리프 변수가 필요했던 부분입니다. 자바스크립트에서 타임리프.. 2024. 10. 6. 자바스크립트 함수 자바스크립트 함수자바스크립트 함수 정의자바스크립트 함수는 function 키워드, 함수명, 괄호 () 로 정의됩니다.함수명을 지을 때는 다른 언어와 동일한 규칙을 적용합니다.function add(num1, num2) { return num1 + num2;} 자바스크립트 함수 호출정의된 함수를 호출하려면 함수 이름과 괄호를 사용합니다.add(10, 20) // 30 반환 매개변수와 인수매개변수 : 함수 정의에서 사용되는 변수인수 : 함수 호출 시 전달되는 값function add(a, b) { return a + b;}let sum = add(5, 3); // sum은 8 반환 값 함수는 return 문을 통해 값을 반환할 수 있습니다. 반환하지 않으면 undefined를 반환합니다. .. 2024. 9. 19. 자바스크립트 변수 자바스크립트 변수변수 선언변수는 데이터를 저장하기 위한 저장공간입니다.자바스크립트에는 4가지 방법으로 변수를 선언할 수 있습니다.자동 생성varletconst총 4가지가 존재합니다. 자동 생성의 예 입니다.a = 5;b = "str";c = 3.14; var 생성의 예var a = 5;var b = "str";var c = 3.14;1995~2015년까지 자바스크립트에서 사용된 키워드 입니다.함수 범위 스코프라 문제로 인해서 let과 const 키워드가 생기게 되었습니다.let과 동작이 비슷해서 var은 없애도 되지만 기존 코드들을 교체해야하는 이유로 현재까지 남아있는 키워드입니다. letlet a = 5;let b = "str";let c = 3.14;let은 블록 레벨 스코프 입니다. var과의 차이.. 2024. 9. 13. 자바스크립트 구문 자바스크립트 구문자바스크립트 변수var a = 10;let b = 10.5;const c = "hello world";모든 프로그래밍 언어에서 변수는 데이터 값을 저장하는데 사용됩니다.자바스크립트에서 변수를 사용하기 위해서는 var, let, const 키워드를 사용합니다.= 는 변수에 값을 할당하는데 사용됩니다. var 함수 스코프를 가지며 변수가 선언된 함수 내에서만 유효합니다. 중복 선언이 가능합니다. let 블록 스코프를 가집니다. 변수가 선언된 블록 내에서만 유효합니다. 중복 선언이 불가능합니다. constlet과 마찬가지로 블록 스코프를 가집니다. 같은 블록 내에서는 중복 선언이 불가능하며 한 번 초기화한 이후에는 값을 변경할 수 없습니다. 자바스크립트 주석let x = 5; // x는 5.. 2024. 9. 13. 자바스크립트 출력 자바스크립트 출력자바스크립트는 다양한 방법으로 데이터를 출력할 수 있습니다.innerHTML : HTML 요소에 데이터를 삽입할 수 있습니다. (단 보안상의 이유로 textContent, innerText를 사용)document.write() : HTML 문서에 직접 콘텐츠를 삽입하는 메소드입니다. (여러 단점과 위험으로 사용하지 않습니다.)window.alert() : 브라우저에 직접 경고창을 띄어서 데이터를 출력합니다. 비슷한 방식으로 confirm()과 prompt()가 ㅣ있습니다.console.log() : F12 키를 누르면 볼 수 있는 console에 데이터를 출력합니다. innerHTML 사용법 innerHTML te.. 2024. 9. 13. 자바스크립트 기초 자바스크립트 (Javascript)자바스크립트는 웹 브라우저에서 동적인 기능을 구현할 수 있는 프로그래밍 언어입니다. 초기에는 웹 페이지에서 간단한 스크립트를 작성하는 데 사용됐으나 현재는 웹 애플리케이션의 복잡한 기능을 구현하는 언어로 자리 잡았습니다. 자바스크립트를 공부하는 이유웹 개발자가 배워야하는 3가지 언어가 있습니다.웹 페이지의 내용을 정의하는 HTML웹 페이지의 레이아웃을 지정하는 CSS웹 페이지의 동작을 프로그래밍하는 Javascript 자바스크립트의 특징클라이언트 사이드 스크립트 : 웹 브라우저에서 실행되며 사용자의 인터랙션에 응답하고 페이지를 동적으로 업데이트할 수 있습니다.서버 사이드 개발 : Node.js와 같은 런타임 환경 덕분에 자바스크립트는 서버 사이드에서도 사용됩니다. 즉 서.. 2024. 9. 13. 이전 1 다음
