본문 바로가기

프로그래밍 언어

(83)
Javascript) undefined vs null undefined vs null 공통점 원시자료형 undefined 아무 값도 할당 받지 않은 상태 var로 선언한 변수는 자바스크립트 엔진에 의해 암묵적으로 undefined로 초기화됨 즉, 초기화되지 않은 var 변수 null null != NULL != Null 값이 비어있는 상태 개발시에 의도적으로 해당 변수에 값을 주지 않는 경우 사용 null을 할당하면 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미 즉 값에 대한 참조를 명시적으로 제거하여 가비지 콜렉션의 수집 대상이 되게 하는 것 (메모리 반납) References https://hanamon.kr/javascript-undefined-null-%ec%b0%a8%ec%9d%b4%ec%a0%90/
Javascript) 클로저(Closure)란? 이 글은 아래 링크의 글을 공부하면서 정리한 글입니다. JavaScript 클로저(Closure) 클로저란?MDN에서는 클로저를 다음과 같이 정의하고 있다. 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’. 흔히 함수 내 hyunseob.github.io 클로저(Closure)란? 독립적인 자유 변수 함수 내에서 함수를 정의하고 사용하는 것 내부 함수가 상위 스코프의 식별자를 참고하고, 그 상위 스코프를 외부에서 사용했을 때 내부 함수에 의해 참조되고 있는 상위 스코프의 식별자를 수정할 수 없는 형태 외부 함수는 내부 함수의 지역 변수에 접근할 수 없지만 내부 함수는 외부 함수의 변수에 접근할 수 있다 클로저는 각자의 환경을 가지고 있고..
Javascript) 호이스팅(Hoisting) 이란? 이 글을 아래 링크를 공부하며 정리한 글입니다. [JavaScript] 호이스팅(Hoisting)이란 - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io 호이스팅(Hoisting) 이란? Hoist : 게양하다 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것 자바스크립트 parser가 함수 실행전 해당 함수를 한 번 쭉 훑은 다음, 함수 내 필요한 변수 값들을 모두 모아서 유효 범위(함수 블럭 { .. } 내)의 최상단에 선언 즉, 현재 실행되는 라인에 필요한 변수가 해당 라인 아래쪽에 위치해있다면 자바스크립트 파서가 내부적으로 끌어올려 사용할 수 있게 처리하는 것인데 실제 코드 위..
Javascript) 서버와 통신 없이 file 타입의 input에 업로드한 이미지 파일 바로 화면에 보여주기 (input onchange event) 파일 타입의 input에 사용자가 파일을 넣고, 별도의 서버 통신 없이도 이 파일을 화면에 보여주는 방법이다. 그냥 input에 value를 읽으면 fake path로 보여주기 때문에 file reader 객체를 통해서 읽어야 한다. $("#file-input").on("change", (e) => { var file = e.target.files[0] var fr = new FileReader(); fr.readAsDataURL(file) fr.onloadend = (e) => { $("#uploaded-file-img").append(` `) } })
JAVA/VSCode) compiler.err.doesnt.exist 빨간줄 오류 해결 실행은 똑바로 되는데 javax나 springboot 관련 모듈을 임포트하면 빨간줄이 생겨서 스트레스..... 어떻게 해결하나 했는데 구글링끝에 아주 간단한 문제였음을 알았다.. ㅠㅠ 자바 경로 설정부터 vscode setting 까지 다해봤는데 결론은 extension을 다시 설치했다. https://github.com/redhat-developer/vscode-java/issues/956 compiler.err.doesnt.exist vscode · Issue #956 · redhat-developer/vscode-java [provide a description of the issue] Unix MacOS Mojave version(10.14.5) JDK version:"1.8.0_60" Visua..
Javascript) 서버에서 보내는 Blob 객체 > File 객체 받기 var xhr = new XMLHttpRequest() xhr.open("POST", "", true) xhr.setRequestHeader('Content-type', 'application/json') xhr.responseType = 'blob' xhr.send(JSON.stringify(json)) // json을 바디에 담아서 요청 보낼 경우! 아니면 그냥 send() xhr.onload = function() { console.log(xhr) var blob = xhr.response var file = new File([blob], "sample") // blob 은 반드시 배열안에 담아야 한다! console.log(file) } ajax로 받았더니 그냥 responseText에 바이너리로..
Javascript) 디렉토리 선택하여 파일 리스트 가져오기 내가 기억해야해!!!! https://hianna.tistory.com/347 [Javascript] 디렉토리 선택하여 파일 리스트 가져오기 (이름, 상대경로) 지난 번에는 사용자가 로컬에서 파일을 선택하고, 그 파일 내용을 읽어오는 방법을 알아보았습니다. [HTML] input type='file' 속성 알아보기 ( 파일 입력 ) [HTML] input type='file' 속성 알아보기 ( 파일 입 hianna.tistory.com
Javascript/jQuery) 마우스로 div 크기 조절하기 References https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=zgabriel&logNo=220393869160