[Javascript] 메타<meta>태그란? / 메타태그로 성능 개선하기
·
🖥️개발/🐥JavaScript
안녕하세요! 오늘은 meta 태그에 대해 설명해볼까 합니다!meta태그 덕분에 이번 바닐라 플젝에서 성능 개선 측면에서 효과를 많이 봤거덩요ㅎㅎㅎ 그럼 시작해보겠습니다!   ✅ 메타 태그란?메타 태그(Meta Tag)는 HTML 문서의  참고로 메타 태그는 태그 내부에 작성되어야 합니다!     ✅ 메타태그로 웹 성능 최적화?이제 이러한 메타 태그로 웹 성능을 어떻게 최적화 한다는 건지! 자세하게 알아보도록 하겠습니다ㅎㅎ 메타 태그는 웹 페이지의 리소스 로드 우선순위를 조정할 수 있습니다. 그러니까 가장 중요한 정보를 가장 먼저 불러오는거죠? 그래서 브라우저는 메타 태그를 통해 어떤 리소스를 먼저 가져와야 하고, 어떤 데이터는 나중에 로드해도 되는지 판단하게 됩니다.  예를 들어! 웹사이트의 대표 이미..
노마드코더 - 바닐라JS로 크롬 앱 만들기(간단 계산기 만들기)
·
🖥️개발/🐥JavaScript
const calculator = { add: function (a, b) { console.log(a + b); }, minus: function (a, b) { console.log(a - b); }, multi: function (a, b) { console.log(a * b); }, division: function (a, b) { console.log(a / b); }, square: function (a, b) { console.log(a ** b); }, }; calculator.add(5, 1); calculator.minus(5, 1); calculator.multi(5, 1); calculator.division(5, 1); calculator.square(5, 1);
노마드코더 - 바닐라JS로 크롬 앱 만들기(function-2)
·
🖥️개발/🐥JavaScript
function 후.. 강의의 맨 처음 부분인데 어째서 저 코드가 저런 결과가 나오는지 이해가 되지 않아서 매우 난감했다... 미래의 내가 function이 헷갈린다면 이 글을 읽고 다시 알 수 있게 글을 열심히 써보자면.... 먼저 마지막 세줄인 sayHello("ju") sayHello("so") sayHello("min") 구문은sayHello() 함수를 실행시키는 것 이다. 그런데 괄호 안에는 출력되어야 하는 이름을 넣어준다. 그럼 이제 첫 번째 줄이 실행된다. 그럼 sayHello("ju") 라고 했으니 1번 name = ju가 되고 마찬가지로 그 아래에 있는 2번 name도 ju가 되는 것 이기 때문에 위와 같은 결과가 나오게 된다. 이해를 못하겠는가?? 하지만 난 이해 했다ㅎㅅㅎ functi..
노마드코더 - 바닐라JS로 크롬 앱 만들기(function-1)
·
🖥️개발/🐥JavaScript
function console.log("Hello my name is Ju") console.log("Hello my name is Nico") console.log("Hello my name is Cha") console.log("Hello my name is Ora") console.log("Hello my name is Miki") console.log("Hello my name is Bora") 만약 내가 친구들에게 인사를 하고 싶다면 위와 같은 코드를 짤 수 도 있다. 하지만 개발자들은 귀찮고 중복되는 일을 또 하는 것을 매우 싫어한다..... 위에 코드에서 이름 빼고 모든 게 반복된다는 사실을 알고 있는 이상 저 코드는 도저히 쓰기가 싫은 것이다!! 오늘은 이런 반복되는 코드를 function..
노마드코더 - 바닐라JS로 크롬 앱 만들기(object)
·
🖥️개발/🐥JavaScript
2.6강 Objects 만약 우리가 게임을 만든다고 할 때 플레이어에 대한 정보를 저장하고 싶으면 어떻게 할까? const playerName = 'ju'; const playerPoints = 1212; const playerHandsome = true; const playerFat = 'little bit'; 기존에 우리가 배웠던 내용으로는 위와 같이 만들 수밖에 없을 것이다. 하지만 위의 정보는 모두 player이라는 한 개체에 대해 설명하고 있다는 것을 알 수 있다. 그렇다면 우리가 익숙하게 보았던 형태인 player.name player.points player.handsome 위와 같은 형태로 불러낼 수 있게 만들어주는 것이 더 좋겠다는 생각이 든다! 그럼 한번 만들어 보자. [array] 먼..
노마드코더 - 바닐라JS로 크롬 앱 만들기(변수 / null, undefined / array)
·
🖥️개발/🐥JavaScript
2, 3강 변수를 설정할 때 const --> 기본 let --> 가끔 var --> 자제 하자! const는 값을 바꿀 수 없다 let은 바꿀 수 있다 var은 바꿀 수 있다 하지만 var을 왜 못쓰게 할까? 그것은 var은 js초기에 만들어진 것인데 var을 사용하면 코드 작성자의 의도를 파악할 수 없다. 만약 코드 작성자가 const를 썼다면 그 값은 아래 코드에서 절대 변할 일 없다는 것을 알려주는 것 이고 let을 사용했다면 변할 여지가 있다는 것을 알려주는 것 인데 var은 구분하지 않고 쓰였었기 때문에 이후에 바꿀 것인지 아닌지 코드 작성자의 의도를 알 수 없다. 2.4강 null = 없다 비었다기 보다는 아무것도 없는 상태로 채웠다. *절대 자연적으로 발생하지 않는다!* null은 우리가 ..