JNarin Development Story

프로그래밍 쪽에 일을 하다 보면 기능 구현도 물론 중요하지만, 이름 짓는 것에 대한 고민도 많이 하게 된다. 네이밍이라는 것이 누가 봐도 이 네이밍은 이런 기능일 것이다 유치하는 것이 가장 좋은 네이밍이라 할 수 있다. 그래서 우리는 이 4가지의 네이밍 방법에 대해 정리를 해보려고 한다. 카멜 케이스 (Camel case) 낙타의 모양에서 따온 방법이다. 첫 단어는 소문자로 시작하고, 그 뒤 단어부터 대문자로 시작한다. 그리고 단어와 단어 사이는 붙여 사용한다. 원문 : main inner wrap 카멜 : mainInnerWrap 케밥 케이스 (Kebab case) 케밥이 꼬챙이에 꽂힌 모습에서 생긴 방법이다. 모든 단어가 소문자로 시작하고, 단어와 단어 사이에는 하이폰('-')으로 연결된다. 원문 :..

회사에서 처음 배정받은 이메일 템플릿 제작을 진행한 적이 있었다. 근데 생각보다 간단하지만 수정사항이 많았었다. 찾아보아도 이 내용에 대한 정리가 별로 많지 않아 아쉬워 글을 쓰게 되었다. 언제까지나 이 이야기는 필자가 직접 겪은 과정을 회고하듯이 작성한 글임을 밝힌다. 1. body 일반적으로 퍼블리셔/프런트 분들이라면 body에서도 기본적인 스타일 값을 준다. 그래서 나도 평소처럼 body태그 안에 style값을 주려 아래와 같이 작성을 해보았었다. hello 물론 웹상에서는 아무런 문제 없이 잘 보였다. 하지만 진짜 문제는 이메일로 보냈을 때 생겼다. 구글은 body 태그 안의 style값이 잘 들어왔다. 하지만 문제는 네이버였다. 네이버는 body 태그 안의 모든 스타일값을 무시하여 돌아왔다. 이..

LeetCode 개발을 하고 있는 어떤 친구가 매일 톡방에 올리길래 '릿코드가 뭐지?'라는 의문이 생겼다. 다른 코딩사이트가 많지만 각각의 장단점이 있기에 이번에는 릿코드로 결정하게 되었다. LeetCode란? 여러가지 코딩 언어로 천여가지가 넘는 알고리즘 문제를 풀어볼 수 있는 알고리즘 풀이 사이트라고 할 수 있다. 다른 사이트도 코드 풀이는 꽤 많지만, 설명이 생각보단 친절하진 않다. 릿코드는 무료와 유료 시스템 두 가지가 있지만, 필자는 아직 무료만 쓰는 입장에서 작성하려 한다. 먼저, Leetcode 전용 저장소를 Github에 하나 만들어 준다. 필자는 무난하게 leetcode로 하였습니다. 생각보다 이렇게 하신 분들도 꽤 있더라고요. 그리고 크롬 확장자 릿허브를 설치한다. 릿허브 링크는 좌측 ..

Vue를 시작하면서 TypeScript까지 함께 공부하게 되면서 타입 지정이라는 것을 알게 되었다. 현재는 어느 정도 익숙해져 있어 이번에 기억을 토대로 내용을 정리해보려고 한다. 아래 글을 Vue3와 Typescript를 사용할 때 쓰는 방식을 기준으로 한다. TypeScript란? 자바스크립트에 타입을 부여한 언어로 자바스크립트에서 확장된 언어라고 할 수 있다. 브라우저는 실행하려면 한 번 변환하는 과정인 컴파일(Compile)을 거쳐야 한다. 왜 TypeScript를 사용하는가? 1) 에러의 사전 방지 2) 코드 가이드 및 자동완성(개발 생산성이 향상된다.) TypeScript의 타입 정리 1) String import { ref } from "vue"; const color: string = "b..