전체보기
-
Javascript | 클린코드 자바스크립트(강의 정리) 1편DEV/JavaScript 2021. 12. 27. 17:18
[1] var의 지양 [1-1. do not var] 즉 var로 변수 지정을 하지 말자는 것이다. var는 함수 스코프를 가지며, 흔히들 전역변수라고 하여 전체적인 파일에 아주 부정적인 영향을 미친다. 예를들어 var global = '전역변수'; if (global === '전역변수'){ var global = '힝 속았지' console.log(global); } console.log(global); 이런 코드가 있다고 치자. 우선 처음엔 global 이라는 변수를 var를 통해 '전역변수'라고 선언을 하였다. 하지만 if문 내에서 내 마음대로 다시 var를 통해 global을 '힝 속았지'로 변경을 했다. 그럼 각각의 console.log의 결과 값은 어떻게 나올까? 첫번째 log, 두번째 log..
-
Javascript / 제출 버튼 클릭시 새로고침을 막아보자(preventDefalut)DEV/JavaScript 2021. 12. 20. 23:49
event.preventDefault(); 폼 안에 있는 submit의 이벤트에 preventDefalut라는 매서드를 호출하면 제출을 해도 새로고침이 되지 않는당. import React, { Component } from 'react' export default class ReactPreventDefault extends Component { Submit(e){ var inputValue = document.getElementById("inputId").value; console.log("inputValue : "+inputValue); e.preventDefault(); } render() { return ( ) } } 예를 들면 리액트에서 이렇게 코드를 짯다고 치자! 그럼 App.js에 맞춰놓은대..
-
[Udemy] 협업하는 개발자를 위한 CleanCode JavaScript 강의 후기DEV/JavaScript 2021. 12. 11. 11:47
*해당 콘텐츠는 유데미로부터 강의 쿠폰을 제공받아 작성되었습니다* 안녕하세요. CcamangLab의 Ccamang입니다 :) 오늘은 유데미 얼리에듀터 2기라는 좋은 기회로 Udemy의 CleanCode JS 강의를 약 일주일간 수강하고 유데미와 강의 후기를 작성해보려 합니다. 지금까지 제가 공부한 내용만 정리해서 작성하다 보니, 제 소개를 한 번도 해본 적이 없는 것 같네요. 저는 올해 10월 1일부터 '프로그래밍, 코딩'이란 것을 처음 알게 되고 흥미를 느낀 후, 지금까지 계속해서 공부를 해오고 있는 '아주 작고 귀여운 스타트업의 대표입니다.' 그리고 코딩과는 전혀 관련이 없는 비전공자랍니다 :) html로 페이지를 만져보고, css로 디자인을 해보는 것을 시작으로 이 책, 저 책을 구매하고 다양한 혼..
-
favicon이 뭐야?DEV 2021. 12. 4. 21:39
오랜만에 집을 갔는데, 집에서 그냥저냥 쉬긴 그래서 Vue.js 기초정도를 했다. 그런데 웹팩을 설치하고 기초적인 프레임 웍을 만드는데 있어, 계속 favicon 이라는 단어가 언급되길래 그것이 궁금해 검색해보았다. favicon(파비콘)은 특정 ㅜ엡 페이지 또는 웹 사이트와 관련된 그래픽 이미지(아이콘)이다. 주소 표시줄에 뜨는 저 아이콘을 말한는 것이였다. 이미지의 형식은 8bit 혹은 24bit 색상을 사용해야 하며 16x16 혹은 32x32 픽셀로 이루어져있어야한다. 파일의 형식은 PNG, GIF, ICO 중 하나를 지원한다. 파비콘을 미리 정의된 URI에 넣는 것이 불가능하다는 것으로 보아선, 아마 파비콘 자체는 무조건 이미지여야한다는 것을 의미하는 듯 하다. robots.txt 파일과 관련된 ..
-
ReactJS / calss와 function 의 비교, 그리고 Hello HookDEV/REACTJS 2021. 12. 1. 23:08
*생활코딩의 React class vs function style을 참조하였습니다* 01. class VS function style React의 컴포넌트 선언에서는 class 선언과 function 선언 두 가지가 있다. class 선언의 경우 REACT의 기능을 full로 이용할 수 있지만 리액트의 문법을 잘 알아야 한다는 단점이 있다. class ClassStyle(){ render(){ return(); } } 의 형식으로 컴포넌트를 생성한다 function 선언의 경우 REACT의 기능을 알지 못해도, 자바스크립트의 기본 문법을 통해 컴포넌트 구현이 가능하다. 하지만 class 선언에서만 사용 가능한 몇 가지 기능을 사용하지 못하는데, 대표적으로 state, lifecycle 등이 있다. fun..
-
ES6 공부 정리 1DEV 2021. 11. 27. 00:00
1.shorthand Property names js에서 obj는 항상 key:value로 구성되어있다. key와 value값이 같다면 아래와 같이 정의할 수 있다. { const ccamang1 = { name : "ccamang", age : "28" }; const name = "ccamang"; const age = "28" const ccamang2 = { name : name, age : age } const ccamang3 = { name, age, } } 출력시 ccamang1, ccamang2, ccamang3 은 동일한 내용이 나옴 2.Destructuring Assignment const student = { name : 'Lee', level : '1' }; { const name ..