본문 바로가기

전체 글58

Git hub 꾸미기 // TODO : 꾸미고 난 뒤 작성하기 서핑을 하다보면 깃헙에 접속하는 경우가 종종 있었는데 꽤나 잘 꾸며진 깃헙 프로필을 보면 내 기분까지 좋아지는 느낌을 받았다. 그래서 그동안 사막같던(잔디를 심은 날이 없는) 깃허브를 꾸며봐야겠다는 생각을 했다. 참고: Harry's Diary 2021. 11. 26.
윈도우 팝업 vs 레이어 팝업 웹 개발을 하다보면 윈도우 팝업과 레이어 팝업이라는 용어를 심심치 않게 들을 수 있다. 두 가지 팝업의 차이점이 무엇인지 알아보도록 하자 1. 윈도우 팝업 - 윈도우 팝업은 새로운 브라우저 창을 띄워 내용을 표현하는 방법이라 보면 된다. 보통 어떤 홈페이지에 최초 접속하였을 때 중요한 정보들을 강조해서 보여주기 위한 용도로 많이 사용되며, 사용자가 원치 않는 경우 호출하지 않도록 막는 기능을 제공하는 것이 대부분이다. 2. 레이어 팝업 - 흔히 Bootstrap에서 제공하는 Modal로 많이 알고 있는 레이어 팝업은 사실 이미 만들어져 있는(구현 방법에 따라 동적으로 생성되기도 하겠지만) 하나의 엘리먼트라고 생각해도 될 듯하다. 감추어 두었던 엘리먼트를 특정 이벤트에 따라 보여주는 형식으로 구현하는 것이.. 2021. 11. 25.
Optional chaining (?.) 와 Nullish coalescing (??) 나름 최신 문법에 속하는 Optional chaingng은 Nullish coalescing operator와 헷갈리는 경우가 있다. 가장 큰 차이점을 말하자면 ?.는 null이나 undefined에 따라 이후의 코드를 평가(실행)할지를 결정하는 가드의 역할이고 ??는 null이나 undefined일 경우 값을 대체하는 역할이라고 생각하면 된다. // 예시 코드 let obj1 = { a : 1, b : function(){ console.log("hello") }, }; let obj2 = {} //.? 예제 obj1.b?.() // hello obj2.b?.() // 아무것도 실행 안됨. // ?? 예제 obj1.a = obj1.a??3 // obj1.a는 존재하므로 obj1.a의 값인 1이 할당 됨.. 2021. 11. 23.
js type 대부분, 자바스크립트에서 제공하는 원시값을 number, string, boolean, symbol, null, undefined 6개 정도로 알고 있는 사람들이 많다. 하지만 거기에 BigInt라는 원시값이 별도로 있어 원시값은 null까지 총 개가 있다. 실제적으로 사용하는 빈도는 거의 없지만 BigInt의 활용은 기본적으로 주어지는 Number값(최대치 : 2의 53제곱 -1)에서 감당할 수 없는 숫자를 담을 때 사용한다. BigInt를 직접 확인하고 싶다면 다음과 같이 선언이 가능하다. 1. 숫자뒤에 n을 붙여준다 2. 변수에 담을때 BinInt(숫자||숫자형 문자) 로 담아준다. let a = 1n; console.log(typeof(a)) // bigint let b = BigInt(1) co.. 2021. 11. 22.

티스토리툴바