ES6에서는 let, const라는 새로운 키워드가 도입이 되었습니다. const는 한번 값이 정해지면 변경이 불가능한 값을 담을 때 사용하고, let은 동적으로 바뀌는 값을 담을 때 사용하는 변수 타입입니다. 자바스크립트의 변수에 대한 설명은 이전에 발행한 글을 확인해주세요. 오늘은 ES6이전에 주로 사용하던 var와 ES6에서 새롭게 추가된 let, const의 차이점을 통해 var, let, const에 대해 학습해보도록 하겠습니다. var, let, const의 사용법에 대한 결론을 먼저 내린다면 var의 사용을 지양해주세요. let과 const를 사용해 코드를 작성하세요. 1. var의 scope는 함수 단위이고 let, const의 scope는 블록 단위입니다. var 타입은 스코프가 함수 단..
금주 목표 1일 1회 글쓰기 책 한 권 읽기 - 마케터의 문장 애드센스 자료 정리 1개 - 1일 1회 글쓰기 이번 주 1일 1회 글쓰기 목표는 달성했다. 이번 주는 여태까지와는 조금 다르게 코드를 위주로 글을 작성하기보다는 생각을 정리한 글을 많이 작성한 것 같다. 지난주 계획을 할 때는 구체적인 조건을 정의하고 글을 쓰기로 했는데, 그 부분은 실패했다. 구체적인 조건은 딱 한 가지만 정했다. 제한 시간을 정하고 그 시간 안에 글을 쓰자라고.. 정말 어렵다. 글의 내용은 완전히 산으로 가고.. 어떻게 해야 할지는 모르겠고.. 이번 주 한주도 이번 주와 똑같은 조건으로 한번 더 해보려고 하는데 어떻게 될지 잘 모르겠다. 이번 주 1일 1회 글쓰기를 하면서 느낀 점은 이전보다 분명 글을 쓰는 속도는 빨라지고..
이번에는 블로그 주제 선정의 중요성을 이야기해보려고 합니다. 블로그를 운영할 때 주제가 중요하다고 이야기합니다. 블로그 주제는 왜 중요한 걸까요? 단순히 수익하고 관련이 되어 있어서 그렇게 이야기하는 걸까요? 열심히 책도 보고 블로그 운영 자료도 보면서 블로그 주제를 잘 선정해야 하는 이유를 추론해보았습니다. 완전히 맞는 결론이라고 생각하지는 않지만 큰 그림에서의 기준은 바뀌지 않을 것 같다는 생각이 드네요. 1. 블로그 주제는 앞으로 쓸 글의 가짓수를 결정한다. 블로그의 주제는 블로그에 포스팅 할 수 있는 글의 개수를 정한다고 이야기할 수 있습니다. 주제에 대해 얼마나 잘 아느냐 모르느냐는 크게 중요하지 않습니다. 자신이 잘 아는 분야를 바탕으로 글을 쓸면 전문적인 지식을 조금 더 가지고 쓸 수 있을 ..
네카라쿠배당토는 무슨 말인가요? 네카라쿠배당토는 개발자 취업 준비를 하는 사람들이 가고 싶어 하는, 인기 있는 IT 기업들의 이름 앞글자를 따서 부르는 말로 네이버, 카카오, 라인, 쿠팡, 배달의 민족(우아한 형제들), 당근 마켓, 토스를 말합니다. "네카라"로 시작해서 "네카라쿠배", "네카라쿠배당토" 그리고 최근에는 직방과 야놀자가 추가되어 "네카라쿠배당토직야"라고도 합니다. 최근 IT 기업들은 채용을 늘리고 있습니다. IT는 비대면 사업들과 밀접한 관계를 가지기도 하고, 실제로 규모가 점점 커지다 보니 자연스러운 현상입니다. 장기화된 코로나 19로 인해 경제 상황이 좋지 않아, 채용을 줄이는 일반적인 회사와는 다른 행보를 걷고 있습니다. 그렇다 보니 IT로 취업을 하려는 사람들은 많아지고, 취업하고..
요즘 블로그를 운영하면서 글을 쓴다는 것은 무척이나 어렵다는 것을 느낍니다. 물론 연습도 없이 처음부터 좋은 글을 쓰는 것은 쉬운 일은 아니겠죠. 하지만 가벼운 주제라고 생각하고 써 내려가던 글이 어느 순간 막혀서 기약 없이 시간을 보내거나, 글 쓰기가 어려워 처음부터 아무것도 못하고 멍한 상태인 경우가 다반사네요. 글을 쓰는 게 어렵다는 이야기는 둘째로 치고, 어떻게든 완성한 글이 마음에 안 드는 이유는 왜일까요? 어떻게 해야 만족스러운 글을 아니, 문장을 쓸 수 있는 걸까요? 글을 잘 쓰는 사람들이 쓴 글 잘 쓰기 방법에 관련된 책들을 보면 공통적으로 이야기하는 내용이 한 가지 있습니다. 바로 '퇴고'를 해라입니다. 문장의 질은 '퇴고'를 통해서 높아지고, 결국 문장의 질은 글의 품격을 높여준다고 말..
이번에는 자바스크립트로 프로그래밍을 할 때 꼭 알아야 할 변수와 상수 그리고 리터럴에 대해 알아보도록 하겠습니다. 조금은 다른 이야기지만 프로그래밍에 있어 용어가 가지는 개념은 중요합니다. 예를 들어 변수와 리터럴과 같은 용어들이 정확히 무슨 의미를 어떻게 가지는지 잘 모른다면 개발자들끼리 소통을 할 때 사소하지만 이해 포인트가 다르거나 오해를 하능 경우가 생깁니다. 프로그래밍에서 사용되는 용어들은 자바스크립트뿐만 아니라 컴퓨터 과학 전반에서 사용하기 때문에 용어를 잘 알고 기억해둔다면 다른 언어를 가지고 프로그래밍을 할 때도 도움이 됩니다. 변수와 상수의 정의 그리고 사용법 일반적으로 변수의 정의는 값을 가지고 있고 이 값은 언제든 바뀔 수 있으며 사용할 수 있다고 설명합니다. 간단히 말해 변수란 '값..
웹 개발자는 회사에 출근하면 어떤 일을 할까요. IT 직군과 접점을 가지고 있는 사람이라면 모를까 일반적으로 사람들이 접하는 IT라는 개념은 핸드폰으로 사용하는 애플리케이션이나 컴퓨터를 통해 이용하는 엑셀, 한컴 같은 프로그램 같은 프로그래밍의 산출물이다 보니 개발자가 일하는 모습을 이미지로 떠올리기가 쉽지 않습니다. 만약 아니라면 영화나 드라마에서 나오는 단 몇 초만에 해킹에 성공하는 만능 해커나 뚝딱 페이스북 같은 프로그램을 만드는 천재 프로그래머의 모습을 떠올리시나요? 웹 개발자의 정의 식상할 수도 있지만 웹 개발자가 어떤 일을 하는지 알아보기 전에 웹 개발자에 대한 정의를 먼저 내려보려고 합니다. Wiki에는 "HTTP 프로토콜을 커뮤니케이션 매체로 사용하는 웹 페이지, 웹 사이트 등 WWW 기반..
자바스크립트에서는 문자열을 자르는 방법으로 split, substring, substr 함수를 제공합니다. 단순히 문자 값을 자르는 데에 왜 이렇게 많은 split(), substring(), substr() 함수들이 제공되고 있는 걸까요? 오늘은 split(), substring(), substr() 각 각의 함수들이 가지는 정의와 사용법에 대해 알아보도록 하겠습니다. split 정의와 사용법 str.split([separator[, limit]]) 반환 : split은 문자열을 separator를 기준으로 limit 만큼의 크기를 가진 새로운 문자 배열을 반환합니다. separator [옵션] : 구분자는 문자열을 나눌 때 기준이 되는 값으로 문자(character)이나 정규표현식을 사용할 수 있습니..
오늘 macOS Big Sur 11.3 정식 버전이 릴리즈 되었습니다. 이번 배포는 지난 2021년 4월 21일 발표한 AirTag 지원을 포함하고 있습니다. 아직 한국에서는 공식적으로 판매되는 제품이 아니라 AirTag의 기능을 사용해볼 수 없겠네요. Air Tag 외에도 M1 칩을 탑재한 제품을 위한 지원 및 수정사항도 있으니 M1 계열의 제품을 사용하시는 사용자라면 이번 업데이트를 통해 활용도를 높여보세요. macOS Big Sur 11.3 패치 내용 요약 정리 AirTag 지원 이제는 AirTag를 사용해 중요한 물품을 등록하고 쉽게 찾을 수 있습니다. 정식으로 배포된 OS를 통해 AirTag를 손쉽게 사용해보세요! HomePod 스테레오 지원 이전에 배포된 macOS에서는 HomePod의 재생을..
이번에는 자바스크립트를 사용해 페이지를 새로 고침 하는 방법에 대해 알아보려고 합니다. 화면 개발을 하다 보면 페이지 전체를 다시 불러와야 하거나 특정 영역을 갱신해야 하는 경우가 발생하는데 이런 경우 일반적으로는 location을 사용합니다. 특정 부분을 갱신해야 할 필요가 있다면 iframe을 사용하거나 jQuery의 load를 사용해야 하는데 이번 글에서 다루기에는 내용이 많아 이 부분까지는 다루지 않고 전체 페이지 새로 고침에 대해서만 이야기해보도록 하겠습니다. location.reload() 인터넷 자료를 찾아보면 자바스크립트를 통해 페이지를 새로 고침을 하는 방법은 일반적으로 location과 history를 사용합니다. // location을 사용하는 방법 location.reload(); ..
이번에는 Javascript의 array가 가진 filter 함수의 정의와 사용법 더불어 활용법에 대해 이야기해보려고 합니다. array의 함수 중 map, filter만큼 잘 쓰이는 함수는 아니지만 함수 결과를 체이닝 형식으로 사용하기 때문에 합산과 같은 연속적인 일들의 결과를 만들어 낼 때 자주 사용됩니다. reduce 정의 Array.prototype.reduce ( callbackfn [ , initialValue ] ) reduce는 단어 의미 그대로 해석하면 줄이다는 표현인데, 함수로 정의된 내용은 배열의 값을 하나씩 줄여가면서 모든 배열을 순회할 때까지 결과를 callbackfn에 전달합니다. 주로 그룹 지어진 데이터의 결과를 도출할 때 사용하는 편입니다. 예를 든다면 덧셈이나 곱셈 같은 합..
금주 목표 1일 1회 글쓰기 책 한 권 읽기 - 1만 시간의 재발견 애드센스 자료 정리 1개 - 1일 1회 글쓰기 이번 주에도 1일 1회 글쓰기 목표는 달성했다. 매주 회고할 때마다 다음 주는 못해, 안 해를 반복하면서도 어떻게든 목표로 정해놓고 하다 보니 아슬아슬할 때도 있지만 달성은 하고 있다. 주로 이번 주는 Javascript 위주로 글을 작성했다. 프로그래밍 내용이다 보니 글을 보는 사람이 코드를 읽기 쉽게 하기 위해 Codepen과 에디터의 코드 블록 기능을 번갈아 사용하면서 어떻게 더 좋을지 실험해보고 있다. 현재는 코드 블록이 더 좋다고 판단하고 있는데 확실한 결정은 한 달 내지 두 달 정도의 시간이 흐르면 자연스레 확정이 될 것 같다. 그리고 이번 주부터는 글을 작성할 때 글을 작성하는 ..