흰둥씨의 개발장

or연산자 0, "", false, undefined와 같은 falsy한 값을 전부검사한다. const or검사 = false || A; ->or검사는 A를 반환한다. ??연산자 undefined 와 null과 같은 nullish한 값만 검사한다. (그렇기 때문에 falsy한 상황은 검사되지 않는다) const 물음표검사1 = false ?? A; ->물음표검사1은 false를 반환한다. const 물음표검사2 = A ?? B; ->물음표검사2은 A가 undefied이거나, null이 아닌 이상 B를 반환한다. 안정성 관련 이슈 때문에 ??는 &&나 ||와 함께 사용하지 못한다. ??의 연산자 우선순위는 대다수의 연산자보다 낮고 ?와 = 보다는 높다. 그렇기때문에 복잡한 표현식에서 ?? 를 사용할때는 (..

Sass(Syntactically Awesome StyleSheet) 개발의 효율을 높이기 위한 CSS pre-processor(전처리기) => nesting작성이 가능하여 css보다 편리하고, 함수 등의 기능을 사용할수 있다. 다만, 브라우저는 Sass의 문법을 알지 못하기 때문에 Sass(.scss) 파일=> .css 파일로 트랜스파일링(컴파일)이 필요함 초기 설정 방법 웹팩이나 리액트, 뷰를 사용하지 않는 경우, 1. node.js 환경에서 npm install -g node-sass $ node-sass scss/main.scss public/main.css //$ node-sass [옵션] [출력파일경로] $ node-sass --watch scss/main.scss public/main.css..

async & await 란? 프로미스를 좀 더 쉽게 사용할 수 있게 만든 비동기 함수 - promise 객체를 반환하는 함수를 다시 함수로 리패키징 - 해당 패키징 함수에 async 키워드 작성 - 해당 패키징 함수 안쪽 반환하는 promise 함수 앞에 await 지정 - await로 지정된 함수가 끝날 때까지 그 다음 함수는 동기화 const result = document.querySelector('#result'); const URL = 'https://jsonplaceholder.typicode.com/users'; /* fetch(URL) .then(res => res.json()) .then(users => conso..

모던 js 정리 https://ko.javascript.info/ ​ 자바스크립트 엔진 V8 chrome, opera Spider-monkey - fire fox Trident or chakra -IE(버전마다 다름) chakraCore -Microsoft Edge squirrelFish-Safari ​ 자바스크립트와 함께 쓸수있는 언어들 1. Coffe script : 자바스크립트를 위한 syntactic sugar Type script :ms가 개발, 개발을 단순화하기위한 목적의 언어 Flow :focebook이 개발, 단순화 위함이나 타입스크립트랑 다른방법 Dart :브라우저 아닌 환경에서 동작하는 고유엔진을 가진언어, 모바일앱과같은 내용작동, google이 개발 ​ -자바스크립트 추가되는 기능을 ..

하...🔥 집와서 평화롭게 Macbook으로 작업하려했는데 커멘드 + s 했는데 권한이 없어서 저장 못하니까 sudo로 시도해볼래? 이러는거다... 근데 sudo해도 안해줌ㅋ 결과적으로는 이렇다 . . . 맥의 vscode에서 파일 수정하고 저장 눌렀는데 "저장 못하니까 다른이름으로 저장할래? sudo시도할래? 폐기?할래"뜨면 (저 3가지 다해도 저장이 안된다.) 원인은 권한부족🤔 그럴 땐 아래와 같이 하면 된다. 1. 터미널을 새로 열어서 2. sudo chmod -R 777 // 입력할 때 해당 폴더 드래그 해서 터미널 위에 올리기 3. 엔터 (4. 비밀번호 요구하면 ? 맥북 사용자 로그인할때 쓰는 비밀번호입력) 하면 vscode 에서 파일 수정 및 저장이 된다!😮‍💨 "chmod 777 "의 의미는..

https://ko.javascript.info/article/size-and-scroll/metric-all.svg 모니터 해상도 너비(브라우저아님): window.screen.width 모니터 해상도 높이(브라우저아님): screen.height 모니터 화면의 작업표시줄 제외 너비(브라우저아님): screen.availWidth 모니터 화면의 작업표시줄 제외 높이(브라우저아님): screen.availHeight 브라우저 전체너비: outerWidth 브라우저 전체높이: outerHeight 스크롤바 포함 브라우저 내부너비(순수화면사이즈): window.innerWidth 스크롤바 포함 브라우저 내부높이: innerHeight //.documentElement 문서전체 (new)스크롤바 영역 미포함 ..

이벤트(Event) ? 웹브라우저나 사용자가 행하는 어떠한 동작 / 시스템에서 일어나는 사건(action)혹은 발생(occurrence) - 표준 이벤트 모델 eventTarget.addEventListener(); 대상: element, Document, window, XMLHttpRequest.... .addEventListener('이벤트 이름', 콜백함수event handler); ㄴ대상을 지정하지 않으면 전역객체 window를 바인딩 한다. ㄴaddEventListener안의 콜백함수명 작성시 ()를 포함하여 작성하면 즉시실행된다, 이벤트 발생하면 함수가 실행되도록 하기위해서는 함수명만을 기입한다. - 고전 이벤트 모델 .onclick, .onblur , .onmouseenter... .on접두..

함수 Function이란? ㄴ특정 기능에 포함된 명령어가 여러가지 일 때 그 명령을 한번에 실행할 수 있게 한 덩어리로 묶어둔 것 (즉, 여러 동작을 묶은 덩어리임 ex. a랑 b를 더하고 x로 나누는 기능을 모아둔 것과 같음) 1. 특정 기능을 실행하기 위한 코드의 집합으로 호출을 통해 재사용가능 2. 객체 자료형중 하나이기 때문에 변수 대입가능 3. 함수는 선언 함수와 함수표현식 (익명 함수, 화살표함수, 즉시 실행 함수)으로 생성가능 4. 자바스크립트에 내장된 함수도 있는데 그것은 메서드(method)라고 함 ex.)alert prompt...etc - 선언함수 : 이름을 가진 함수 선언문 ㄴ선언함수의 경우 어느 곳에서나 호출 가능 ㄴ함수명 ();

이 글 또한 네이버 블로그 (aka일기장)에 남겼던 내용을 그대로 복붙^&^하였습니다. ---- 나는 맥북을 사고 안쓰고 캐캐 묵혀오다가 vscode나 돌릴요량으로 먼지를 털어서 쓰고 있다. (음악작업시 들고다닐 작정이었기 때문에 13인치 샀는데 눈 엄청 아파서 모니터도 큰거로 사고싶다 ㅠㅠ 뭐랄까 실력은 없는데 장비욕심만 많아진 자...) ​ 암튼. 맥북을 참 오랜만에 꺼내다보니 키배열도 손에 익지가 않고,,, 단축키도 맨날 윈도우랑 헷갈리고 ... 그런데 최근 이 불편함보다 더 막강한 불편함이 등장했다. ​ 작업하려고 맥북을 평소처럼 와이파이를 연결했는데 계속 와이파이를 못 잡는 것이다. 아니 왜!!!!!!!???!!!!! 진짜 2시간 끙끙 거리다가 아무짓도 안 했는데 다시 연결됨... (극대노) ​..

실은 이 내용은 네이버 블로그 (aka 일기장)에 썼던 똑같은 글이긴 하지만... 개발장에 남겨놓으려구 다시 씁니당 git push이용하면서 한번도 그래본적이 없는데 맥북에서 작업해서 구런가... 왜 때문인진 모르겠는데 계속 username을 쓰고 password를 쓰라고 해서 한참 헤맸던 적이 있다... 왜 나에게 갑자기 이름하고 비밀번호를 입력하라는지... 이 부분에서 3시간 헤매고 역시 이 길은 내 길이 아니었던가 하고 정리하고 나올뻔 했다... ​ 각설하고 username이 뜨면 내가 git에서 쓰는 네임! git config --global username"이거" 이거에 올려둔 이름을 쓰면 된다. 뭐썼는지 기억안나면 git config --list로 내 네임찾기,,, 에는 그냥 토큰 이름으로 쓸..

var, let, const를 사용해 변수(variable)를 선언할 수 있고, 선언된 변수엔 데이터를 저장할 수 있습니다. 변수는 마치 '이름이 붙은 데이터 저장소’와 같습니다. let banana;// 변수 선언 console.log(banana); //선언후 아무것도 대입하지 않으면 undefined. banana = 1000;// 변수 banana에 숫자 1000을 '대입' 했다. banana = 5000;//값의 재할당 console.log(banana); //콘솔에 변수값 출력 * 지역변수 : {} 영역 안에서만 적용 * 전역변수 : 문서 전체에 적용 > let apple=1+1; function calc(){} 와 같이 밖에서 함수 밖에서 선언된 경우 ㄴ변수키워드 (var , let, con..

매일 매일 발전하기 위한 공부 기록을 남기는 공간입니다. 잘못된 내용은 댓글로 알려주시면 바로 수정하겠습니다!