일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 햇소
- Python
- ES5+
- 우아한테코톡
- es6
- DOM
- CSS
- 변수
- next.js
- git
- gitCLI
- github
- AI
- object
- ES6+
- This
- JS
- 함수
- 최적화
- learn next.js
- 선택자
- JavaScript
- dev
- hooks
- react
- developerlife
- API
- hatso
- html5
- array
- Today
- Total
목록WEB (64)
codinghatso
표준 규약에 정의되어 있지만, 대부분 모르고 나도 몰랐고 사용하지 않을 거 지만 가볍게 포스팅 해봅니다. Object.is(0,-0); 앞의 비교문은 false를 반환. 전역 객체의 "is()" 메서드는 파라메터로 넘어온 두값이 같은지 비교를 해서 불리언을 반환하는 메서드인데 0(+0)과 -0은 다른 숫자로 인식되는걸 볼 수 있다. 끝!
자바스크립트에는 원시 자료형 중 하나로 "숫자(Number)" 자료형을 제공합니다. 1234 -4567 0.234 2.345e6 과 같은 모든 숫자 표현을 말합니다. 다른 개발 언어의 정수형, 실수형, 부호 없는 정수형과 같은 세세한 숫자형의 구분 방식과 달리 자료형이 1개만 있습니다. 자바스크립트의 숫자형은 내부적으로 부호가 있는 64비트 부동소수점으로 저장됩니다. 비트 자릿수 표현 0~51 숫자(52비트) 52~62 지수(11비트) 63 부호표시(1비트) 그 외에 숫자형은 아니지만, 수적인 표현을 사용하기 위해 Infinity(무한), NaN(Not a Number)과 같은 숫자형을 보조하는 자료형이 있습니다. 연산을 하기 전에 숫자를 캐스팅(Casting)해서 정수와 실수를 구분해 사용할 수 있습니..
자바스크립트는 자유도가 높은 언어에 속합니다. 때문에 _ 나 $ 같은 특수 기호가 접두, 접미에 붙여 선언해도 오류가 발생하지 않습니다. const variable = _var, $1, _name_of_value_; let _9 = '변수'; let _ =1; let $ = 2; let $2 = _ + $; 위처럼 자유도가 높은 변수 선언 하지만 우리는 변수 명을 선언 할때에 주의해야 할 점이 있습니다. 바로 개발자들이 협업을 위해 정해 놓은 규칙을 지켜야 한다는 점입니다. $기호를 변수명에 사용한 자바스크립트 코드를 공유, 또는 협업을 하면 당신의 코드를 보는 그 누군가일 개발자는 당신의 코드를 제이쿼리 코드로 판단할 가능성이 굉장히 높습니다. 따라서 제이쿼리와 같은 자바스크립트 라이브러리와의 사용상 ..
변수 선언을 호이스팅하는 자바스크립트의 기본 선언 방식과 마찬가지로 함수명도 호이스팅을 합니다. 우리가 일상적으로 선언해 사용하는 다음과 같은 합수 선언은 function getName(){ return '라이언'; }; 실제로는 다음과 같이 내부적으로 처리가 됩니다. let getName = undefined; getName = function getName() { return "라이언"; };
평소처럼 npm 으로 서버를 listen 하고 있었는데 특별한 이유없이 'already listen error'가 뜬 것이다. 이를 해결하기 위한 방법은 생각 보다 간단 했습니다. $killall node 명령어를 입력하면 listen 되고 있는 노드를 정리해줍니다. killall 명령어가 만들어져 있는 것을 보아하니 개발자들은 한번씩 경험하는 오류인가 봅니다! 오늘도 즐거운 개발공부를 했습니다.
레이아웃 sm : @media (min-width:640px) 휴대폰 세로 사이즈 md : @media (min-width:768px) 휴대폰 가로 사이즈 lg : @media (min-width:1024px) 템플릿 사이즈 xl : @media (min-width:1280px) 데스크탑 사이즈 flex : 요소를 붙인다. 가로 container mx-auto : x축에 따라 여백이 자동으로 변경된다. object-cover : 컨테이너를 덮도록 요소의 컨텐츠 조정(이미지가 늘어나거나 찌그러지지 않게 컨테이너 사이즈에 맞춰서 잘림) lg:w-1/2 : 화면비율50% overflow-hidden : 컨테이너에 비해 너무 큰 컨텐츠이면 숨겨라 float : 블록 레이아웃. 사이즈 h : 높이값 h0 ~ h6..
var의 변수 선언 방식은 단점을 가지고 있음 var topic = 'nodejs' console.log(topic) // nodejs var topic = 'mysql' console.log(topci) // mysql 변수를 다시 선언해도 에러가 나오지 않고 각기 다른 값이 출력됩니다. 이러한 상황이 반복된다면 코드의 복잡성이 증가함에 따라 곤란한 경우가 생길 수 있다. 때문에 많은 javascript 개발자들은 이러한 문제를 방지 하기 위해 let 과 const를 사용하여 변수를 선언하기로 하였다. let은 변수에 재할당이 가능하다. let topic = 'nodejs' console.log(topic) // nodejs let topic = 'mysql' console.log(topci) // U..
javascript의 기본적인 개념에 대한 복습을 오늘 끝마쳤습니다. 블로그에 어떤 컨텐츠를 업로드 하면 좋을까 고민을 했습니다. JS에 대한 언어를 서술하는 것 보다. 굳이 외울필요없는 웹상에서의 우리가 알던 함수 또는 개념의 또다른 모습을 인상깊었거나, 자주 사용될 것같은 기능 또 매력적인 키워드가 있다면 그것을 블로그에 포스팅하여 무언가를 발견했을때의 기쁨과 감동을 저의 블로그를 찾아주신 분들과 나누려고 합니다. 언어 포스팅은 아마 전체적으로 비슷한 흐름으로 흘러갈것 같습니다. 감사합니다.