728x90 자바스크립트9 [javascript] 노마드 무료 자바스크립트 공부[크롬 앱] #2 [2021 UPDATE] WELCOME TO JAVASCRIPT https://nomadcoders.co/javascript-for-beginners/lectures/2886 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 예제 const age = parseInt(prompt("How old are you?")); const age = parseInt("9") // 15 const age = parseInt("nine") // NaN (Not a Number) console.log(isNaN()); 숫자이냐 아니냐에 대한 bool 값 #3 [2021 UPDATE] JAVASCRIPT ON THE BRO.. 2022. 6. 15. 자바스크립트 공부 요소 추가하기 자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다. .createElement() .createTextNode() .appendChild() .createElement()는 요소를 만듭니다. 예를 들어 .createElement( 'h1' ) 은 다음과 같은 코드를 생성합니다. .createTextNode()는 선택한 요소에 텍스트를 추가합니다. 예를 들어 .createTextNode( 'My Text' ) 는 My Text라는 문자열을 만듭니다. .appendChild()는 선택한 요소 안에 자식 요소를 추가합니다. 다음은 Click이라는 텍스트를 가진 button 요소를 추가하는 예제입니다. 각 줄의 의미는 다음과 같습.. 2022. 4. 21. 자바스크립트 정규식 정규 표현식 만들기 정규 표현식은 두 가지 방법으로 만들 수 있습니다. 정규 표현식 리터럴. 다음과 같이 슬래시로 패턴을 감싸서 작성합니다. const re = /ab+c/ Copy to Clipboard 정규 표현식 리터럴은 스크립트를 불러올 때 컴파일되므로, 바뀔 일이 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있습니다. RegExp 객체의 생성자 호출. const re = new RegExp('ab+c') Copy to Clipboard 생성자 함수를 사용하면 정규 표현식이 런타임에 컴파일됩니다. 바뀔 수 있는 패턴이나, 사용자 입력 등 외부 출처에서 가져오는 패턴의 경우 이렇게 사용하세요. 정규 표현식 패턴 작성하기 정규 표현식 패턴은 /abc/처럼 단순한 문자로 구성하거나, /ab+c.. 2022. 4. 21. JS[JavaScript] 이전 페이지로 돌아가기, History.Back(), History().Go() 우선 아래는 가장 많이 쓰이는 history 객체의 메소드 값입니다. history.back(); history.go(); history.forward(); @ history.back() 현재 페이지의 한단계 이전페이지로 이동합니다. 이는 history.go(-1)과 동일합니다. @ histroy.go() 이전 또는 이후 페이지의 이동이 가능합니다. 사용방법은 전달할 인자에 숫자를 넣어 이동하게 됩니다. 1 또는 -1 등을 사용하여 이전 또는 이후로 이동할 수 있습니다. @ history.forward() 이 방법을 사용할 경우 이후 페이지인 다음 페이지로 이동합니다. 동작하는 것은 history.go(1)과 동일합니다. 만약 다음으로 이동할 페이지가 없는 경우 동작하지 않습니다. 아래 예제를 봐주세요... 2022. 2. 22. select 태그 안에 직접입력 만들기 https://hiworldbye.tistory.com/43 프론트 - select box 직접입력란 생기게하기 HTML 선택 하나 둘 셋 직접입력 //상단의 select box에서 '직접입력'을 선택하면 나타날 인풋박스 JS(jQuery) $(function(){ //직접입력 인풋박스 기존에는 숨어있다가 $("#selboxDirect").hide(); $("#selbox").c.. hiworldbye.tistory.com 카테고리 없음 ${categoryValue} 직접입력 2022. 2. 4. 자바스크립트 공부중 화살표 함수 함수를 선언하는 방식 중 또다른 방법은 화살표 함수 문법을 사용하는 것이다. const add = (a, b) => { return a + b; }; console.log(add(1, 2)); //3 또는 코드 블럭내에서 간단하게 한줄로 하나의 리턴을 하는 경우 다음과 같이 줄여 쓸 수 도 있다. const add = (a, b) => a + b; ※ 단, 주의할 점은 function에서의 this와 화살표 함수 내에서의 this가 서로 다르다는 것이다. 이는 추후에 알아보자. 2022. 1. 31. JavaScript - jQuery Ajax (1/2),(2/2) 출처: https://www.youtube.com/watch?v=XbeEc_uRCsY jquery ajax 홈페이지 예제 $.ajax({ //회원가입 수행 요청 type: "POST", url: "/joinForm", data: JSON.stringify(data), //http body 데이터 contentType: "application/json; charset=utf-8", //body데이터가 어떤 타입인지(MIME) dataType: "json", // 요청을 서버로 해서 응답이 왔을 때 기본적으로 모든 것이 문자열(생긴게 json이라면)=> javascript 오브젝트로 변경 }) .done(function (resp) { alert("회원가입이 완료되었습니다."); //console.log(r.. 2022. 1. 31. 이전 1 2 다음 728x90
