null과 undefined은 존재하지 않는 것을 나타내는 자바스크립트가 가진 특별한 타입입니다. null은 Java 나 c# 같은 다른 언어에서도 사용되는 리터럴이기 때문에 사용하는 게 어렵지 않지만 undefined라는 타입은 기존에 null을 사용하던 프로그래머와 처음 자바스크립트를 마주한 사람에게는 혼란을 야기시키는 내용 중 하나입니다. null과 undefined의 차이는 무엇이고 어떻게 사용하는 게 좋은 걸까요? null과 undefined 알아보기 결론적으로 null과 undefined의 의미는 둘다 값의 존재 유무를 표현하는 타입입니다. 자바스크립트에서는 세밀한 부분의 의미는 달라도 문맥적 의미로는 같은 의미를 가진 가진 타입을 2개로 분리해서 정의하다보니 프로그래머 입장에서는 애매모호함을..
이번 글에서는 이전에 학습한 Javascript의 Date() 객체를 활용해서 문자 시계(Text Clock)를 만들어 보겠습니다. 자바스크립트의 내장 객체인 Date와 타이머 함수인 setInterval()을 사용하면 년, 월, 일, 시간을 보여주는 시계를 만들 수 있습니다. 문자 시계(Text Clock) 만들기 화면에 날짜와 시간을 표시하기 위해서는 Date객체의 날짜 및 시간 데이터 값을 가져오는 함수가 필요하고 일정 시간을 주기로 화면에 보이는 값을 갱신하기 위해서는 setInterval() 함수를 사용합니다. 이렇게 Date 객체의 날짜 및 시간 제공 함수와 특정 주기 반복 실행 함수를 가지고 쉽게 문자 시계(Text Clock)를 만들 수 있습니다. : . . 예제로 작성한 코드는 첨부파일로..
이번 글에서는 Javascript의 Date 객체를 이용해 서로 다른 날짜를 비교하는 방법에 대해 알아보려고 합니다. 날짜를 비교하는 방법은 이전에 학습한 날짜 형식 맞추기나 날짜 설정하는 것에 비해 비교적 간단합니다. 기본적으로 비교 연산자를 사용해 서로 다른 날짜의 차이를 알 수 있습니다. 날짜 차이 또는 날짜 비교 혹은 날짜 계산 const january = new Date(2021, 0, 1); const february = new Date(2021, 1, 1); // true console.log(january february); Date 객체는 비교 연산자를 이용해 값의 차이를 비교할 수 있고, 이를 통해 이전 날짜..
이번에는 Javascript의 Date 객체가 가진 format 형식 지정과 toString에 대해 이야기해보려고 합니다. Javascript의 Date 객체는 날짜의 형식과 관련해 편리함 없이 불편한 기능들을 제공합니다. 기본적으로 7가지의 형식을 정의하고 있으며, 앞서 말했듯 이 기능들은 편의성이 떨어져 잘 사용되지 않습니다. Date 기본 날짜 형식 지정 및 출력 Date 객체는 기본적으로 7가지의 형식 출력을 제공합니다. const today = new Date(); today.toString(); // Mon Apr 19 2021 23:02:18 GMT+0900 (Korean Standard Time) today.toDateString(); // Mon Apr 19 2021 today.toLoc..
오늘은 Date 객체가 가진 get, set 함수를 통해 날짜 및 시간 데이터를 가져오고 설정하는 방법에 대해서 이야기하려고 합니다. Date 객체를 사용하는 기초적인 부분을 아직 잘 모르시거나 조금 더 알고 배워보고 싶으신 분은 먼저 이전에 작성한 글을 통해 학습 후 이 글을 통해 조금은 더 능숙하게 Date 객체를 다뤄보시기를 추천드립니다. Javascript - Date 기초 배우기 [new Date()] 맨 처음 자바스크립트를 통해 만난 Date는 생각보다 사용하기도 어렵고 어?라고 할 정도로 모호하고 쓰기 불편한 점이 많습니다. Java의 Date, Calendar 만큼 개발을 하는데에 편의성이나 활용도가 떨 7942yongdae.tistory.com 날짜 설정하기 const nextYear =..
금주 목표 1일 1회 글쓰기 (완료) 책 한 권 읽기 - 1만 시간의 재발견 (미완료) 애드센스 자료 정리 (진행 중) - 1일 1회 글쓰기 이번 주에도 하루에 한 개의 포스팅을 하는 목표는 달성을 완료했다. 한 3주 정도 쓰면 어느 정도 익숙해지고 쉬워질 줄 알았는데 되려 시간이 지날수록 어려워지는 느낌이 더 강하다. 조금 더 글에 채우는 정보를 좋은 주제들로 채우고 유익한 내용으로 문장을 적고 싶다고 생각하다 보니 익숙해지는 것은 머나먼 훗날의 일이 될 거라는 예감이 든다. 지금까지는 작성하는 글의 주제를 어떻게 잡아야 할지 갈피를 잡지 못하고 있었는데 이번 주에 읽은 구글 애드센스로 돈 벌기, 구글 애드센스 마케팅, 개발자의 글쓰기라는 책을 읽으면서 조금이나마 가야 할 방향을 잡을 수 있었다. 블로..
노출이 잘 되고 잘 되지 않는 글(데이터)은 무슨 차이가 있나 만약에 구글과 같은 검색 사이트나 다음, 네이버 같은 대형 포털 사이트가 내가 작성한 글을 좋아하지 않는다면 어떻게 되는 걸까? 아니 좋아하는 것은 둘째치고 싫어한다면 어떻게 되는 거지? 아니 도대체 좋아하고 싫어하고 근거나 기준이 있기는 한 거야?라는 생각이 문득 들었습니다. 왜인지 열심히 작성하고 있는 글이 나 혼자만 알고 남들이 모른다면 보람도 재미도 없을뿐더러 글의 가치가 낮게 평가받고 있는 부분이니 글을 잘 써서 가치를 인정받고 싶은 마음이 생기는 것은 비단 저만 가진 생각은 아니라고 생각합니다. 그렇다면 정말로 지금 쓰고 있는 이 글이나 동시에 무수히 만들어지고 인터넷에 올라오는 글(데이터)은 어떻게 판단되고 측정되고 있는 걸까요?..
맨 처음 자바스크립트를 통해 만난 Date는 생각보다 사용하기도 어렵고 어?라고 할 정도로 모호하고 쓰기 불편한 점이 많습니다. Java의 Date, Calendar 만큼 개발을 하는데에 편의성이나 활용도가 떨어집니다. 그래서 Javascript 같은 경우 내장하고 있는 Date보다는 Moment와 Date-fns와 같은 별도의 라이브러리를 통해 Date(날짜 및 시간)를 사용합니다. 오늘은 어렵지만 알아두면 좋은 Javascript의 Date를 전반에 걸쳐 살펴보도록 하겠습니다. Date의 Timezone 자바스크립트 Date는 2개의 시간대를 고려하고 만들어졌습니다. - Local time: 현재 실행되고 있는 환경을 기반으로 한 시간대입니다. - UTC(Coordinated Universal Tim..
줄여쓰지 않는다. (축약 금지) 이 규칙이 가지는 의미 int numCnt = 4; for(int i = 0; i < list.size(); i++) { ... } String btnText = "hello world"; 프로그래밍을 하다 보면 자주 보게 되는 변수명들이 있는데 생각이 나는 대로 적어보면 다음과 같다. 코드를 작성하다 보면 클래스명이나 메서드명 아니면 변수 명의 이름을 줄여서 쓰고 싶은 욕구를 느끼게 된다. 그 이유는 주로 이곳저곳에서 값들을 가져와서 사용하다 보면 구분을 짓기 위해 접두사를 사용하게 되는데 그 접두사를 이어 붙이다 보면 이름의 길이가 길어져서 한글 자라도 줄이고자 count는 cnt, index는 i, button은 btn 같이 이름을 함축적으로 줄여 쓰게 된다. 또한 ..
Port 8080 was already in use 에러와 원인과 해결 방법 메시지 *************************** APPLICATION FAILED TO START *************************** Description: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that's listening on port 8080 or configure this application to listen on another port. Process finished with exit code 1 원인 이 에러가 발생하는 경우는 서버를 구동하려고 할 때 서버가 사..
시작하기 일반적인 웹사이트 개발은 내부적으로만 사용하는 대외비적인 성격이 강해서 외부의 검색과 무관하게 진행됩니다. 그렇다 보니 개발자임에도 검색 그리고 특히 SEO(Search Engine Optimization)과 같은 기술을 공부하거나 관심을 가지지 않았습니다. 그렇지만 일반 사용자를 대상으로 하는 플랫폼을 개발을 하게 되면서 이전과 다른 학습이 필요했는데 그 부분 중 일부가 검색과 SEO 기술이었습니다. 검색에 대한 지식을 처음 접하시는 분을 위해 SEO에 대해 간략히 이야기드리면 티스토리 글(데이터)이나 네이버 블로그 글(데이터) 아니면 어떤 웹 사이트에서 생산되는 글(데이터)을 인터넷에서 잘 검색이 될 수 있도록 해주는 기술 사양의 일부입니다. 즉 지금 작성하고 있는 이 글과 같은 일종의 데이..
시작하기 웹 크롤러(web crawler) 아니면 웹 스파이더(web spider)라고 불리는 것은 통칭 엔진 봇이라고 말하는 프로그램입니다. 일명 방대한 네트워크를 말하는 WWW(World Wide Web), 즉 웹을 돌아다니면서 데이터를 수집하고 색인하는 임무를 수행합니다. 웹 크롤러와 관련된 내용을 검색해보면 크롤링, 스크래핑이라는 단어도 연관되어서 나오는데 크롤링은 앞서 말한 웹 클롤러가 하는 임무를 정의하는 말이지만 스크래핑은 다른 성격을 지는 내용입니다. 크롤링(crawling)은 정해진 규칙을 지키면서 웹 문서를 수집하고 색인하는 작업이고 스크래핑(scraping)은 웹 공간에 있는 특정 목적을 가지고 취득해 사용하는 방법을 말합니다. 분명히 크롤링과 스크래핑은 엄연히 목적을 지니고 다른 작..