JavaScript

리마인드 차원에서 기초적인 스크립트를 공부하며 정리해볼까 한다. > 전역변수와 지역변수 with 생활코딩 👩🏻‍💻 전역변수와 지역변수 📌 전역변수(global) 유효범위(Scope)는 변수의 수명을 의미한다. 함수 밖에서 변수를 선언하면 그 변수는 전역변

리액트를 공부하면서 자바스크립트를 다시 공부하고 있다.생각보다 기초가 부족했다는 것을 알고 다시 처음부터 천천히!데이터의 값을 출력할 때 최초의 값에서 추가가되거나 삭제가 이루어지는데 원본 데이터의 값에 바로 접근하여 사용하는 방법도 있지만 이와 같은 방법은 추후에 원

ES5의 스코프는 함수 레벨 스코프까지 지원 했었는데 ES6부터는 블록 레벨의 스코프를 지원해 let, const키워드를 통해 블록 레벨 스코프의 사용이 가능해졌다.예제를 보면 ES5의 var키워드는 함수 레벨 스코프를 갖고 ES6의 let키워드는 블록 레벨 스코프를

Scope와 Closure, 그리고 Hoisting을 공부하다 보니 실행 컨텍스트를 먼저 더 알아야 쉽게 이해할 수 있다는 걸 깨닫고 정리해보는 글실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로 동적 언어로서의 자바스크립트 성격에 대해 가장 잘 파악

처음부터 좋은 스크립트를 짜면 좋지만 내가 짠 코드가 잘 보이지 않을 때에는 나중에 리팩토링을 하는 것도 좋은 방법이라고 생각을 한다.간단하지만 소소한 팁을 올려주신 FE재남님의 if else 리팩토링 if else문을 쓰는 것이 꼭 나쁘다는 것만은 아니다.상황에따라

replace()replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식(RegExp)이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치에 대해서 호출된 함수일 수 있습니다.프로젝트를 진

옵셔널 체이닝은 타입스크립트로 문법을 작성하면서 알게되었다.실제로도 스펙에 추가된 지 얼마 안된 문법이기도 하다.옵셔널 체이닝은 존재하지 않을 수 있는 프로퍼티 또는 메서드를 안전하게 호출할 수 있도록 도와줍니다.Optional chaining 연산자 ?.는 체인의 각

클릭 이벤트에서 사용자가 클릭한 요소외 나머지 것들의 클래스를 삭제해야하는 스크립트를 짰어야했다. 정말 많이 쓰는 이벤트이기에 내가 아는 방식으로 작성을 했는데 원하는 방식으로 구현이 안됨... jQuery를 이용하다가 javascript로만 짜려고 하면 가끔 머리가

아이폰 웹뷰 Safari 같은 경우는 BFCach 이슈때문에 정상적으로 작동하지 않는 이슈가 있다.BFCache는 JavaScript 실행을 중단하고 페이지의 DOM 상태를 캐시하므로 일부 JavaScript 이벤트와 상태를 예상치 못한 방식으로 작동하게 할 수 있다.

지금 프로젝트에서 코딩 규칙을 기반으로한 ESLint를 적용중이다.String 일 때 값이 있는지 없는지 true false로 체크하려면 느낌표 두개 연산자, 즉 이중 부정연산자 !!를 이용해서 값이 있는지를 명시적으로 체크를 한다.!!를 사용하는 것은 Truthy/F