본문 바로가기

개인공부 기록/JavaScript

[JavaScript] 동등비교 연산자
개인공부 기록/JavaScript 2022. 8. 27. [JavaScript] 동등비교 연산자 JavaScript에서 많이 사용하는 연산자인 등호(=), 등호를 두개(==) 쓰는것과 세개(===) 쓰는것의의 차이점을 알고계신가요? 1. 등호 두개를 사용하는 동등비교연산자 등호를 두개 사용하는 동등연산자는 느슨한 동등비교로 강제 형변환을 수행하기 때문에 자료형이 달라도 값이 같으면 True를 반환합니다. 아주 간단한 예시를 들어보면 숫자와 문자비교가 있겠네요 두개의 값은 같지만 자료형이 Number , String 으로 서로 다릅니다. 하지만 강제 형변환을 통해 공통타입으로 만들기 때문에 True값이 반환됩니다. 2. 등호 세개를 사용하는 동등비교 연산자 등호를 세개(===) 사용하는 경우는 어떻게될까요 대충 예상이 가시죠? 등호가 세개인 경우 '자료형'이 같은지도 추가로 검사하기때문에 False가..
개인공부 기록/JavaScript 2022. 8. 20. [JavaScript] 클로저(Closuer) (2) - 캡슐화, 은닉화 은닉화가 왜 필요한가? 먼저 은닉화라는게 왜 필요한지, 어떻게 사용해야되는지 알아볼 필요가 있겠죠? 자바스크립트와 다른언어(C, C++, ...)들과의 차이점 중 한가지는 객체의 Private한 속성을 만들수 없다는 거에요. 그래서 아무나 변수에 접근할수 없도록, 특정한 방법들을 사용하여 자바스크립트에도 실제로 Private가 아니지만 Private한 것처럼 사용하는 방법을 은닉화라고 이야기하기로 했다고 해요. 즉시실행함수(IIFE, Immediately Invoked Function Expression) 은닉화를 하기위해 사용되는 즉시 실행함수는 정의되자마자 즉시 실행되는 JavaScript Function이다. IIFE 내부에서 정의된 변수는 외부에서 접근이 불가능하다. (function () { v..
[JavaScript] 클로저(Closuer)
개인공부 기록/JavaScript 2022. 8. 17. [JavaScript] 클로저(Closuer) 혼자 공부하고 정리해보려 하였으나.. 아직은 어려운 개념인 거 같아 글 하나를 읽고 정리해보는 방식으로 포스팅을 한다 나중에 좀 더 익숙해지면 그때 나만의 정의로 정리를 시도해봐야겠다. 출처(원문) https://meetup.toast.com/posts/86 자바스크립트의 스코프와 클로저 : NHN Cloud Meetup 자바스크립트의 스코프와 클로저 meetup.toast.com 이번 게시글에 사용된 코드 예제 및 대부분의 사진, 내용 등은 위 출처에서 가져와 사용하였습니다. 사실 처음 클로저의 정의를 보았을 때 이게 무슨 소리지? 싶었습니다. 함수가 선언된 어휘적 환경, 함수가 생성된 시점을 기억한다, 폐쇄공간 등 구글링을 하다 보니 다른 분들이 각자 자신만의 언어로 정의 내린 클로저의 정의를 접하다..
[JavaScript] 스코프 체인(Scope Chain), 렉시컬환경
개인공부 기록/JavaScript 2022. 8. 13. [JavaScript] 스코프 체인(Scope Chain), 렉시컬환경 스코프란? Scope의 사전적 의미는 범위이다. 자바스크립트에서 스코프체인의 의미를 생각해보자면 변수가 접근할 수 있는 범위 또는 변수를 찾기위한 규칙 정도로 이해하면 좋을것같은데요! 변수를 찾는데 접근범위랑 규칙이 필요할까 싶어 코드 하나를 가져와 봤습니다. var a = 333; var outer = function() { var inner = function() { console.log(a); //(1) var a = 222; }; inner(); console.log(a); //(2) }; outer(); console.log(a); //(3) (1),(2),(3)의 결과가 어떻게 나오는지 단번에 아셨나요? 결과는 차례대로 Undefined, 333, 333 인데요, 아쉽게도 저는 틀렸답니다 하하..
개인공부 기록/JavaScript 2022. 8. 7. 비동기처리(async/await) node.js로 서버를 실행하고 동작시키며 공부하다보니 async await이라는게 항상 사용되는게 눈에 들어왔다, 짝을 이뤄 사용한다는 것은 알겠는데 왜 쓰는지, 어떤 개념인지 몰라서 글로 정리해본다. 동기와 비동기? 동기(sychronous) 는 설계가 간단하고 직관적이지만, 해당 프로세스가 종료될때까지 다른 것을 못하고 대기하고 있어야한다. 연산이 오래걸리는 작업의 경우 대기시간이 무한하게 길어질수있다. 비동기(asynchronous) 는 동기보다 설계가 복잡하지만, 해당 프로세스가 종료 될 때까지 대기하지 않고, 다른작업을 진행할 수 있다. 연산이 오래걸리는 작업이더라도 실행시켜놓고 종료될때까지 다른 작업을 진행하고 있으면 된다. 내가 이해한 예시로는 요리사가 A 주문과, B주문을 받았는데 동기의..
[JavaScript] CSV파일 추가하여 출력하기
개인공부 기록/JavaScript 2022. 7. 31. [JavaScript] CSV파일 추가하여 출력하기 csv파일을 javascript에서 읽어와 출력하는 문제이다. csvtojson 같은 모듈 사용하는 경우 코드 한두줄에 간단하게 끝나지만, node의 내장 모듈만 사용하여 구현해보았다. 우선 users.csv의 경우 정렬이 잘 되어 있었 편했지만, posts.csv 파일의 경우 띄어쓰기, 개행이 제대로 되어있지 않아 불러와서 바로 사용하는게 불가능 하였다. 그래서 첫번째. users.csv 파일을 불러와 배열 형태로 가공하고 두번째. posts.csv파일도 별도로 가공하였다. 세번째. posts.csv 파일을 user_id 별로 분리하였고 마지막으로 users.csv파일에서 user_id별로 불러와 직접 추가해주었다. // --------------------users.csv----------------..
Recent Posts
Popular Posts
Tags
더보기
Recent Comments

티스토리툴바