안녕하세요. 이번 포스팅에서는 자바스크립트 문자 메소들에 대해서 알아보겠습니다. 아래에 있는 메소드 외에 알고 계신 메소드가 있다면 댓글 달아주시면 감사하겠습니다. charAt 메소드 - 해당 위치의 문자를 가져오는 메소드 const txt = 'Hello World'; console.log(txt.charAt(0)); // H console.log(txt.charAt(3)); // l indexOf 메소드 - 앞에서 부터 해당 문자가 있는 첫번째 인덱스를 가져오는 메소드, 만약에 해당 문자가 존재하지 않을 경우 -1이 반환 const txt = 'Hello World'; console.log(txt.indexOf('o')); // 4 console.log(txt.indexOf('World')); // ..

화살표 함수(Arrow function)는 자바스크립트 ES6 버전에 도입된 기능중의 하나로 일반 함수에 비해 깔끔하고 짧은 방식으로 생성할 수 있는 기능입니다. (param1, param2, param3) => {statements(s)} 일반 함수 function hello() { console.log(‘Hello world’); } 화살표 함수 const hello = () => {console.log(‘Hello world’);} 매개변수가 있을 경우 괄호 안에 전달할수 있습니다. 화살표 함수의 경우 한줄로 작성되어 있을 경우 return 과 {}(중괄호)를 생략할수 있습니다. const sum = (a, b) => a + b; 매개변수가 한개일 경우에는 ()(괄호)를 생략할수 있습니다. cons..

안녕하세요. 이번 포스팅에서는 자바스크립트 배열 사용에 대해서 알아 보겠습니다. 아래에 있는 메소드 외에 또다른 메소드에 대해서 아시는 분이 있으시다면 댓글을 달아주시면 감사하겠습니다. 1. 배열에서 중복된 값 제거 const arr = [1, 2, 3, 2, 4, 1, 5]; // filter를 이용한 방법 const filterArr = arr.filter((item, idx) => { return arr.indexOf(item) === idx; }); console.log(filterArr); // 1,2, 3, 4, 5 // Set을 이용한 방법 const filterArr = […new Set(arr)]; console.log(filterArr); // 1, 2, 3, 4, 5 2. 소수를 정수..

안녕하세요. 이전 포스팅에서는 react-ga를 이용해서 GA 이벤트를 등록하는 방법에 대해서 알아보았습니다. 이번 포스팅에서는 gtag를 이용해서 GA 이벤트를 등록하는 방법에 대해서 알아보겠습니다. 먼저 _app.jsx에 next/head를 추가하고 gtag 스크립트를 추가해주겠습니다. // _app.jsx import Head from 'next/head' function MyApp({Component, pageProps, err}) { return } export default MyApp 그리고 페이지가 이동 할때 마다 PageView 이벤트를 발생하게 하기 위해서 router.events를 추가해서 PageView 이벤트를 추가해주도록 하겠습니다. ... function MyApp({Compon..

안녕하세요. 이번 포스팅에서 NextJS에서 GA 이벤트 등록에 대해서 이야기해보겠습니다. react-ga를 이용해서 GA 이벤트를 등록하는 방법이 있습니다. ga.jsx에 react-ga 초기화를 하고 GA event를 위한 함수를 작업해주겠습니다. ReactGA.initialize의 첫번째 param으로 GA 추적 ID를 넣어주고 두번재 param에 옵션 값을 넣어줍니다. 저는 실서비스가 아닐 경우에 디버깅을 위한 옵션을 추가해주었습니다. // ga.jsx import ReactGA from 'react-ga'; export function init() { ReactGA.initialize(process.env.GA_TRACKING_ID, { debug: process.env.Environment !..

일단 개발일을 한 지 9년이 되고 4번째 회사까지 오면서 처음으로 회고를 해봅니다. 먼저 시작은 2021년 올 한 해에 대해서 되짚어 보고 첫 회고이면서 주제넘을지는 모르겠지만 "좋은 개발자는 어떤 개발자일까?"와 "좋은 개발 리더는 어떤 리더일까?"에 대해서 적어보겠습니다. 먼저 2021년 올 한 해는 다사다난한 해였던 거 같다. 그동안 다른 회사들에서 하나에 집중하지 못하고 프론트와 백앤드를 같이 하면서 이도저도 아닌 개발자가 되어 가는 거 같았고, 프론트와 백앤드 롤이 구분되어 있기도 했고 회사의 브랜드와 회사에서 나아가려는 방향이 마음에 들어 지금의 회사에 2020년 11월에 입사를 하였다. 하지만 지금 회사에서 처음으로 자체 서비스를 개발하기 위해 시작을 한건 2020년 7월부터였지만 실질적으로..