본문 바로가기

프로그래밍245

JavaScript에서 var, let, const의 차이점 JavaScript에서 변수를 선언하는 키워드로는 var, let, const가 있습니다. ES6에서 새로 추가된 let과 const 키워드는 var 키워드와 다른 특징을 가지고 있습니다. 이번 글에서는 let과 const 키워드가 var 키워드와 어떻게 다른지에 대해 알아보겠습니다. 2023. 3. 12.
npm 어떤 패키지를 설치하지? 인기 패키지는? Node.js언어로 개발을 하다 보면, 패키지 설치를 해야 할 때가 있습니다. 내가 개발해서 사용하는 것보다는 이미 만들어진 패키지를 가져다 사용을 함으로써, 생산성(개발속도)을 향상하고, 검증된 코드를 사용하기 때문에 코드 품질이 좋아지며, 여러 사람들에 의해 개발이 이루어지기 때문에 버그와 수정 작업에 참여자가 많으므로, 보안성, 유지보수에 많은 이점을 얻을 수 있습니다. 그럼, 내가 필요한 기능을 가진 패키지를 찾는데, 찾은 패키지가 얼마나 좋은 것인지?, 더 좋은 패키지가 있지 않는지? 확인하는 방법을 알려드립니다. 그 정답은 npmtrends 사이트를 이용하는 것입니다. npmtrends의 간략한 소개 npm trends는 Node.js 패키지 매니저(npm)에서 가장 인기 있는 패키지들의 트렌.. 2023. 3. 11.
Ubuntu hosts파일 수정 후 적용 우분투 서버에서 hosts를 설정하는 방법입니다. 모든 OS(Windows, Unix, Linux, MAC)는 hosts라는 파일을 이용해서 DNS를 설정할 수가 있습니다. 보통 도메인으로 어떤 시스템에 접근을 하려고 할 때, 해당 도메인의 IP주소를 얻기 위함입니다. 도메인으로 접근 시 시스템은 먼저 hosts파일에 있는 도메인에 대한 정보를 먼저 검색을 하고 없으면, .com, .co.kr. kr과 같은 도메인 서버에 접속하여 해당 도메인에 대한 IP주소를 얻어 옵니다. 서버를 운영하는 경우 특정 도메인을 소유하게 되고, 해당 도메인은 그 서버의 IP가 되는 경우가 많습니다. 시스템내부에서 처리작업을 할 때 보통 localhost로 처리를 하지만, 도메인으로 처리를 해야 하는 경우가 있습니다. 그럴 .. 2023. 3. 8.
VSCode에서 HTML, CSS, Javascript 소스를 Minify하기 Visual Studio Code에서 HTML, CSS, Javascript소스를 Minify하는 방법에 대해서 설명해 드리겠습니다. 그전에 앞서 Minify를 하는 이유를 간단히 알아보겠습니다. Minify란? 웹 사이트나 웹 애플리케이션에서 사용되는 파일(예: HTML, CSS, JavaScript)의 크기를 줄이기 위한 과정을 말합니다. 이 과정은 파일에서 불필요한 공백, 줄 바꿈, 주석 등을 제거하여 파일의 크기를 줄이는 것입니다. 이렇게 함으로써 아래와 같으 효과를 얻을 수 있습니다. Minify에 의한 이점 로딩 속도 향상: 파일이 작으면 더 빠르게 다운로드됩니다. 작은 파일을 다운로드할수록 페이지 로딩 시간이 더 빠르게 줄어들어 사용자 경험을 향상합니다. 또한, 빠른 로딩 속도는 검색 엔진 .. 2023. 3. 7.
Javascript 문자열 처리 "" 혹은 '' 대신, 이제 ``를 사용하세요. 문자열 처리 시 보통 큰 따옴표("")와 작은 따옴표('')를 사용합니다. 하지만, 이제 백틱(``)을 사용해서 좀 더 편하고 직관적으로 코딩하여 가독성을 높여보세요. 보통 Template literals라고 하는데, 이에 대해 알아보도록 하겠습니다. Template literals는 ES6부터 추가된 문자열 표기법 중 하나로, 문자열 안에서 변수나 표현식을 쉽게 삽입할 수 있도록 해주는 문법입니다. 기존의 문자열 표기법과는 다르게 백틱(``)으로 문자열을 감싸며, ${}를 사용하여 변수나 표현식을 삽입할 수 있습니다. 예를 들어, 다음과 같이 사용할 수 있습니다: 기존 처리 방식("" 혹은 '') 사용: const name = "Alice"; const age = 30; console.log('My n.. 2023. 3. 7.
JavaScript HTML Content, Attribute, CSS 제어하기 JavaScript를 사용하여 HTML 컨텐츠, 속성, 그리고 CSS를 제어하는 방법에 대해 알려드리겠습니다. HTML Content 제어 HTML 요소의 내용을 변경하려면, 해당 요소의 ID를 가져와야 합니다. 이를 위해 document.getElementById 메서드를 사용하며, 변경할 내용은 innerHTML 속성을 통해 지정합니다. 예를 들어, ID가 "demo"인 요소의 내용을 "Hello World!"로 변경하려면 다음과 같이 작성합니다. document.getElementById("demo").innerHTML = "Hello World!"; HTML Attribute 제어 HTML 요소의 속성을 변경하려면, 해당 요소의 ID를 가져와야 합니다. 이를 위해 document.getElemen.. 2023. 3. 7.
반응형

티스토리툴바