※ 이 글은 '모던 자바 인 액션' 책을 참고하여 작성되었습니다. 해당 책을 먼저 읽고 이해하신 후에 이 글을 읽으시는 것을 추천합니다. 1.1 역사의 흐름은 무엇인가 자바 1.0 스레드와 스레드락 메모리 모델 지원, 그러나 저수준 기능 활용이 힘들다 ※ 메모리 모델이란 : https://parkcheolu.tistory.com/14 자바 5 스레드 풀 병렬 실행 컬렉션 ※ 스레드 풀이란: https://jenkov.com/tutorials/java-concurrency/thread-pools.html 자바 7 병렬 실행에 도움을 줄 수 있는 Fork / Join 프레임워크, 그러나 활용이 힘들다 ※ Fork/Join Framework in Java: https://warpgate3.tistory.com..
안녕하세요. 오늘은 ESLint와 Prettier의 개념과, 사용법 그리고 차이점에 대해 말해보려고 합니다. ESLint Linter의 기능 느슨한 형식의 언어인 Javascript에서는 코드 에러가 자주 발생합니다. 하지만 JavaScript는 동적 분석(프로그램을 직접 실행해서 코드를 분석 프로그램을 실행하지 않고 분석하는 정적 분석)을 하기 때문에 에러를 찾기 위해서는 코드를 직접 실행해서 확인을 해봐야 합니다. 이를 도와주는 것이 Linter입니다. Linter는 코드를 정적으로 분석하기 때문에, 프로그램을 실행하지 않고도 코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동으로 검출해줍니다. 추가적으로 간단한 코드 포맷팅 기능도 있습니다. ESLint 설치 $ npm i -D eslint 이제 esl..
이번 시간은 스코프와 스코프 체인의 동작 방식에 대해 알아보려고 합니다. 우선 스코프에 대한 지식이 있으면 이해하기 더 쉽습니다. 제가 정리한 스코프 게시글을 보고 와주세요. 2020/02/29 - [Front-End/JavaScript] - Javascript - 스코프 (Scope)란? 이전 게시물의 코드를 갖고 오겠습니다. const globalVar = '전역 변수'; function outerFunction() { const outerVar = '외부 변수'; function innerFunction() { const innerVar = '내부 변수'; console.log(`inner 함수에서 ${globalVar} 접근!`); console.log(`inner 함수에서 ${outerVar} ..
클로저를 이해하기 위한 사전 지식으로 스코프 관련 글들을 봤는데, 블로그마다 스코프에 대한 설명이 달라서 공부할수록 더 헷갈리는 상황이 왔습니다. 스코프의 개념을 잊어버릴 미래의 저를 위해 이해하기 쉽게 스코프 포스팅을 하겠습니다. (글에 오류가 있으면 알려주세요. 감사합니다.) 스코프란? 스코프란 자바스크립트의 코드의 범위입니다. 스코프는 전역 스코프와 지역 스코프로 나눌 수 있습니다. 전역 스코프(Global Scope) 자바스크립트 프로그램을 시작 후, 어떤 함수도 호출하지 않았을 때, 실행 흐름은 전역 스코프에 있습니다. 중괄호 {}의 밖을 전역 스코프라고 하고, 전역 스코프에서 선언된 것들을 전역 변수라고 합니다. 전역 변수를 많이 이용한다면 부작용이 발생합니다. const name = '수재'..
Assignment Operator(=), Shallow Copy, Deep Copy 프로그래밍을 하다 보면 문자열, 숫자, 객체, 배열등을 복사해야 하는 상황이 많이 옵니다. 오늘은 복사에 사용되는 메소드가 어떤 것이 있고, 어떤 상황에 사용해야 하는지에 대해 포스팅 해보려고 합니다. Assignment Operator(=) 우선 코드를 보고 설명하겠습니다. String Reassignment let s1 = 'soojae'; let s2 = s1; s2 = 'junbeom'; console.log(`s1: ${s1}, s2: ${s2}`); // s1: soojae, s2: jun Object Reassignment const o1 = { name : "soojae", age : 29 }; const..
