티스토리

Thinking Developer

검색하기

블로그 홈

Thinking Developer

think-dev.tistory.com/m

꾸럭 님의 블로그입니다.

구독자: 5

방명록 방문하기

주요 글 목록

TypeScript에서 interface와 type 중 무엇을 사용할까? TypeScript에서는 interface와 type을 모두 사용하여 객체의 구조를 정의할 수 있다. 하지만 두 가지 개념 사이에는 미묘한 차이가 있다. 이번 글에서는 interface와 type의 특징과 차이점, 그리고 언제 어떤 것을 사용하는 것이 더 적절한지 정리해보겠다.interface와 type의 특징interfaceinterface는 TypeScript에서 객체의 구조를 정의하는 기본적인 방법으로, 다음과 같은 특징을 가진다.객체의 구조를 명확하게 정의할 수 있다.선언 병합(Declaration Merging)이 가능하다.implements 키워드를 사용하여 클래스에서 타입 검사를 수행할 수 있다.extends 키워드를 사용해 확장할 수 있다.typetype은 보다 범용적인 타입 정의 방식으로.. 공감수 3 댓글수 3 2025. 2. 19.
아직도 현역, 웹 프론트엔드 개발자의 MacBook Pro (M1 Pro) 32GB RAM 리뷰 네 번째 맥북 리뷰다. 돌이켜보니 2021년에만 세 번 포스팅을 했고, 벌써 3년이 훌쩍 지났다. 2025년 2월이 된 지금, 현역으로 쓰고 있는 맥북 프로(M1 Pro) 32GB RAM 이야기를 해보려고 한다. 2021년 세 차례 리뷰를 돌아보며첫 번째 리뷰: MacBook Air M1 기본형 (2021년 4월)2021년 4월에 맥북 에어 M1 기본형(8GB RAM)을 리뷰했었다. 지금은 상상하기 힘든 8GB RAM이었지만 당시에는 만족스러웠다. 특히 인텔 맥 대비 배터리 성능이 크게 좋아졌고, 애플 실리콘 칩을 정식으로 지원하지 않는 앱조차 로제타를 통해 빠릿하게 돌아가는 모습이 인상적이었다. 웹 개발자의 M1 MacBook Air 기본형 사용 후기2021년 3월 26일에 그 유명한 M1 맥북에어를.. 공감수 3 댓글수 3 2025. 2. 18.
소프트웨어 코드 테스트에 대한 나의 생각 - 프론트엔드 테스트는 필요할까 소프트웨어 개발에서 코드 테스트는 단순히 실행해 보며 기능을 확인하는 단계를 넘어, 코드 품질 개선과 유지보수성 향상, 그리고 장기적인 제품 안정성을 보장하는 핵심 요소로 자리 잡았다. 여기서 언급하는 테스트는 제품을 직접 사용하는 방식이 아니라, 코드 기반의 자동화 테스트를 의미한다. 개인적으로는 유닛 테스트를 주로 활용하며, TDD(Test-Driven Development) 방법론을 선호한다. 직접 주도하지는 않았지만, 테스트 커버리지 100%를 달성한 경험이 있으며, 테스트가 전혀 없는 환경에서 테스트 문화를 구축하고 지속적으로 커버리지를 향상시킨 경험도 있다. 다양한 테스트 방법론과 적용 방식TDD 외에도 BDD(Behavior-Driven Development)와 DDD(Domain-Drive.. 공감수 3 댓글수 1 2025. 2. 11.
고조선을 어떻게 인식해야 하는가 기술 블로그에서 갑자기 웬 역사 이야기인가. 사실 나는 비전공 출신 개발자이다. 원래 학부 때 전공은 고고학, 중퇴한 대학원에서의 전공은 정책학이다. 여차저차 이제는 웹 프론트엔드 개발자로서 돈을 벌고 그 돈으로 가정을 먹여 살리고 있지만 나는 여전히 역사 이야기를 하는 게 늘 즐겁고 또한 여전히 소프트웨어 관점에서 문화재 관리, 정책 등에 관심이 많다. 앞으로 하는 이야기는, 특히 고대사 파트는 일반인들이 알고 있는 상식과는 조금 다를 수는 있지만 나는 내 나름대로의 역사관을 바탕으로 고대사를 이해하고 있다. 그렇다고 환단고기 좋아하는 소위 환빠 그런 거 아니다. 전공이었던 고고학을 바탕으로 그 시대를 이해하고 즐기고 있을 뿐이다. 한국사의 표준이 되는 한국사 교과서는 개인적으로 민족주의 사관을 바탕으.. 공감수 5 댓글수 0 2022. 1. 4.
Next.js에서 Firebase Remote Config(원격 구성) 수정하기 Firebase Remote Config란 애플리케이션의 각종 기본값들을 Firebase를 통해 손쉽게 관리할 수 있도록 하는 클라우드 툴이다. Firebase 원격 구성 | Firebase Documentation 앱 업데이트를 게시하지 않고도 일일 활성 사용자 수 제한 없이 무료로 앱의 동작과 모양을 변경할 수 있습니다. firebase.google.com 각종 기본값들의 경우 애플리케이션의 탭 리스트가 될 수도 있고 각종 스태틱한 값들이 될 수 있다. 이러한 값들의 경우 서비스 기획이나 정책에 따라 언제든지 변경될 수 있다. 이럴 경우 보통 데이터베이스와 백엔드를 통해 관리를 하게 되는데 이것을 구현하는게 어렵지는 않지만 번거롭고 시간이 걸릴 수 있어서 프로덕트 스케줄에서 우선순위에서 밀릴 수 있다.. 공감수 3 댓글수 0 2021. 12. 22.
Typescript 타입을 배열로 정의해보자 Typescript는 Javascript를 Java, C, Swift, Kotlin처럼 정적 타입으로 쓸 수 있게 해주는 Javascript의 슈퍼셋이다. 빌드가 되면 브라우저 또는 Node.js가 이해할 수 있는 퓨어한 Javascript로 바뀌어 동적 타입인 Javascript의 태생적 한계를 극복하고 Javascript 생태계를 보다 안정적으로 쓸 수 있게 해준다. 다음을 살펴보자 let a = 1; console.log(typeof a); // number a = 'abc' console.log(typeof a); // string Javascript는 이처럼 변수를 선언해서 number 타입을 넣었다가 string 타입을 넣었다가 자유롭게 쓸 수 있다. 이처럼 동적 타입이기 때문에 때로는 변수를.. 공감수 2 댓글수 0 2021. 12. 21.
잘 팔리는 웹 프론트엔드 개발자가 되려면 어떻게 해야 할까? 잘 팔리는 웹 프론트엔드 개발자에 대해 말하기 전에 우선 "웹 프론트엔드 개발자"란 무엇인지 짚고 넘어가자. 소프트웨어 엔지니어 직군의 세부 직군 중 가장 모호하고 헷갈리는 직군이 바로 웹 프론트엔드 개발자가 아닐까 싶다. 게임 개발자, 아이폰 앱 개발자, 안드로이드 앱 개발자, 서버 개발자. 남들에게 이렇게 소개하면 IT 업계를 잘 모르는 사람이라도 대충 이 사람이 무엇을 하는지 감이 온다. 물론 백엔드 개발자의 경우도 일반적으로 확 와닿는 표현은 아니지만 그냥 대충 서버 개발자입니다. 하면 어느 정도 맞는 말이기도 하고 듣는 사람 입장에서도 이해가 된다. 그럼 웹 프론트엔드 개발자 직군은 대체 무엇이고 뭘 하는 사람들인가. Front End를 직역하면 "앞단", Back End를 직역하면 "뒷단"이다.. 공감수 9 댓글수 0 2021. 12. 20.
[코로나 백신] 1차 얀센, 3차 모더나 접종 후기 팬데믹이 끝나지 않는다. 코로나19가 발생한지 2년이 넘어가고 있는데 대체 언제쯤 끝날까. 2차 접종까지 국민의 70%가 맞으면 집단면역이 가능해져서 마스크를 벗고 다녀도 된다는 예측은 이제 허상이 되어버렸다. 지난 6월, 내가 맞았던 얀센 백신도 한 번만 맞으면 된다는 장담도 이제 허상이 되었다. 이제 누굴 탓해야 하는지도 모르겠다. 국내에 코로나를 널리 퍼뜨렸던 특정 종교와 그 신자들도 그때는 그렇게 욕을 많이 먹었는데 돌이켜보면 어차피 이렇게 될 거 좀 억울한 측면도 있지 않나 싶다. 결과적으로 정부도 WHO도 제약회사들도 다 거짓말쟁이가 됐다. 그렇다고 누굴 탓하랴. 그냥 현실을 받아들이고 가장 현명하다고 하는 방법을 따르는 수밖에... 그치만 화이자에서 2024년까지 코로나가 지속될 거고, 백신.. 공감수 2 댓글수 0 2021. 12. 18.
웹 개발자의 M1 MacBook Air 기본형 실무에 사용 후기 드디어 진정한 프로급의 M1 Pro/Max 칩이 탑재된 맥북 프로가 출시되었다. 아직 한국에는 판매 중이 아니고 곧 구매할 수 있을 거라 기대되는데... 나는 목이 빠지게 기다리고 있다. 웹 개발자의 M1 MacBook Air 기본형 사용 후기 2021년 3월 26일에 그 유명한 M1 맥북에어를 배송받았다. 나름 대학생이라 학생 할인을 받아서 116만원에 구매하고, 선물로 받은 에어팟2 유선은 당근에 팔았다. 어차피 업무용으로 쓸게 아니고 개 think-dev.tistory.com 나는 지난 4월 25일에 3월 26일에 구입한 맥북 에어 기본형을 바탕으로 위와 같은 포스팅을 한 적이 있다. 이 포스팅에서 100% 아니 200% 만족한다고 썼다. 이제 약 7개월 정도 사용했는데, 여전히 개인용 개발 작업으.. 공감수 8 댓글수 0 2021. 11. 1.
전라도 여행(5) - 나주곰탕 전라도 여행 5번째 포스트는 "나주곰탕"이다. 여행지인 나주가 아닌 나주곰탕인 이유는 정말로 나주곰탕만 먹으러 나주에 갔기 때문이다. 2007년 대학교 1학년을 다닐 때 학교에서 전라도로 답사를 간 적이 있는데 나주 답사를 할 때 나주곰탕을 먹었었다. 그때 먹었던 식당이 어디인지는 모르겠으나 정말로 너무너무 맛있어서 나의 인생 국밥이 됐었다. 그래도 나주목사 근처에서 먹었던 것으로 기억하여 지도를 검색해봤더니 정말로 그 근처가 나주곰탕 촌이었다. 그래서 진도를 빠져나와 무작정 나주목사로 향했다. 주차를 하고 "나주곰탕 노안집"이라는 식당으로 갔다. 굳이 택한 이유는 그냥 주차장이랑 가까워서... 노안이 노인의 얼굴을 말하는 건가 했더니 나주시에 "노안면"이라는 행정구역이 있고 그 동네를 뜻하는 것이었다... 공감수 1 댓글수 0 2021. 9. 24.
이제 내가 빛날 차례, 마이턴 너무 정신없는 8, 9월을 보낸 것 같다. 그럼에도 불구하고 방문자 수도 꾸준하고 이 블로그의 구독자도 생기고 어떤 날은 검색이 터져서 방문자 수가 급증하기도 했다. 찾아주시는 모든 분께 감사하다. 어쩌다 보니 기술 블로그 겸 여행 블로그 겸 리뷰 블로그가 됐다. 주제를 하나로만 잡아야 검색에 잘 걸린다고는 하는데, 별로 신경 안 쓰련다. 그동안 끄적끄적 정리해놓은 것도 많고 나름 기술적으로도 성장했고 다시 업무에 좀 변화가 생길 것 같다. 이번엔 지난 5월부터 웹 프론트엔드 개발자로 참여하여 개발한 서비스를 소개하고자 한다. 이제 내가 빛날 차례, 마이턴 이제 빛날 인턴 커리어의 여정을 마이턴과 함께, 나의 경험과 장점을 빛내줄 비즈니스 프로필을 만들고, 모든 인턴 채용 공고를 간편하게 저장하고 관리해.. 공감수 1 댓글수 0 2021. 9. 24.
전라도 여행(4) - 진도 열심히 차를 몰아 진도에 도착했다. 직접 차를 몰고 와보니 정말 진도는 단단히 맘을 먹고 와야 하는 곳인 것 같다는 생각을 했다. 수도권에서 차를 타고 오면 최소한으로 쉬면서 와도 5시간은 기본이고, 가장 편하게 오는 방법은 무안공항으로 들어오는 건데, 무안에서도 렌트를 해서 국도를 타고 들어와야 한다. 바다를 건너 가장 먼저 반겨주는 곳이 진도휴게소이다. 보통 고속도로 휴게소가 아니면 시설이 노후된 곳이 많은데 진도휴게소는 시설도 괜찮고 향토 기념품도 팔아서 인상적이었다. 진도휴게소에서 또 약 20~30km를 더 가서 진도 남도진성이라는 곳에 도착했다. 사실 진도 하면 가장 유명한 건 진돗개이고, 이순신과 관련된 울돌목이 유명하다. 진도 남도진성은 정말 유적지에 관심 있는 사람이 아니면 오질 않는다. .. 공감수 1 댓글수 0 2021. 8. 9.
VSCode Extension - Tabnine VSCode, 즉 Microsoft에서 만든 역대급 코드 에디터인 Visual Studito Code는 Extension으로 완성된다. 나의 개발환경에 맞는 Extension을 설치하다 보면 이게 코드 에디터인지 IDE인지 분간되지 않을 정도이다. 더군다나 인터프리팅 언어인 Javascript를 주 언어로 하는 나로서는 IDE를 쓰나 Extension으로 커스텀 된 VSCode를 쓰나 별 다를 게 없을 정도이다. 나름 대학생이라 젯브레인의 모든 개발 툴들을 공짜로 이용 중이고 IntelliJ나 WebStorm을 쓸 수도 있고 실제 설치해서 맛보기는 해봤지만 그냥 VSCode를 쓴다. 그중 가장 흥미로웠던 Extension인 Tabnine을 소개한다. Tabnine은 AI 기반으로 나의 코드와 남의 코드를.. 공감수 0 댓글수 0 2021. 8. 5.
전라도 여행(3) - 이서휴게소 익산 미륵사지를 출발해 진도로 향했다. 분명히 전라북도와 전라남도는 광역 행정구역도 다르고 익산과 진도는 거리상으로도 꽤 되는 거리이지만 타지인 입장에서는 다 같은 전라도니까라는 오류를 범했다. 전라북도와 전라남도는 멀고도 험했다. 고속도로를 타고 광주를 거쳐 또 갈아타고 목포까지 가서 국도를 타고 한참을 가야 진도가 나왔다. 중간에 이서 휴게소라는 곳을 들러서 점심을 먹었는데 꽤 흥미로운 기계가 있었다. 서빙 로봇이라고 이놈이 계속 돌아다닌다. 나름 센서를 가지고 움직여서 사람하고 충돌은 나지 않는 것 같은데... 사실상 서빙은 하지 않고 사람들이 밥을 다 먹고 퇴식 쟁반을 올려놓는 용도로 쓰고 있었다. 여느 휴게소가 그렇듯이 내 번호가 불리면 가서 가져오는 것이 서로 편하다. 그런데 퇴식 쟁반을 올려.. 공감수 0 댓글수 0 2021. 8. 5.
전라도 여행(2) - 익산 미륵사지 전라도 여행의 첫 번째 행선지는 익산 미륵사지였다. 익산 미륵사지는 "사실상" 백제의 4번째 도읍이라고 하지만 역사 기록상으로는 확실히 파악하기가 어렵다. 하지만 고고학적으로는 도읍이나 다름없다는 것이 정설로 알고 있다. 우리나라 고대사를 살펴보면 이와 같은 사례가 적지 않다. 즉, 역사 기록엔 별 것 없는데 막상 고고학적으로는 역사 기록에 잘 남아있는 다른 문화와 별반 다르지 않거나 오히려 더 융성한 문화인 곳 말이다. 대표적으로 전라남도 영산강 유역 문화가 그렇고, 낙동강 유역 가야 문화가 그렇다. 이처럼 우리나라 고대사는 대부분 삼국사기, 혹은 중국의 삼국지에 있는 기록들이 사실상 전부인데, 삼국사기의 경우 고구려, 백제, 신라 삼국의 이야기가 중심이고, 삼국지는 이들이 고대국가로 발전하기 전에 있.. 공감수 1 댓글수 0 2021. 8. 3.
전라도 여행(1) - 프롤로그 지금은 웹 프론트엔드 개발자로 잘 살고 있지만 원래 학부 전공은 고고학, 중퇴하긴 했지만 석사과정 전공은 문화재정책학이었다. 어찌어찌 흘러 흘러 이쪽 길로 들어서긴 했지만 나는 여전히 문화재를 좋아하고 인터넷 기사에 관련 내용이 뜨면 자연스레 클릭하는 편이다. 아직도 꿈은 문화재와 연관된 무언가의 IT서비스를 직접 기획하고 개발하는 것이다. 그렇다고 우리나라의 문화유산, 역사문화, 전통문화 같은게 너무 좋고 위대하게 생각하고 자랑스럽게 생각하고 그런 건 썩 좋아하지 않는다. 한때 그런 생각도 하긴 했지만 공부를 하면 할수록 국가적 혹은 감성적인 관점보다는 학술적으로 바뀌었고, 문화유산 답사나 박물관 같은 곳에 가도 조상들의 위대함을 느낀다기보단 그냥 그 유산 자체를 보고 그것들을 남긴 자들에 대해 상상을.. 공감수 0 댓글수 0 2021. 7. 26.
웹 프론트엔드 개발자의 M1 MacBook Pro (16GB RAM, 1TB SSD) 사용 후기 (+ Caldigit TS3 Plus 썬더볼트 3 독, 리뷰안 UX 550 1TB 휴대용 SSD) 맥북 에어 후기는 지난 포스트를 참고 바란다. 웹 개발자의 M1 MacBook Air 기본형 사용 후기 2021년 3월 26일에 그 유명한 M1 맥북에어를 배송받았다. 나름 대학생이라 학생 할인을 받아서 116만원에 구매하고, 선물로 받은 에어팟2 유선은 당근에 팔았다. 어차피 업무용으로 쓸게 아니고 개 think-dev.tistory.com 일단 지난 포스트는 개인 노트북이고 이번에 포스팅하는 후기는 회사용 노트북이다. 지난 5월 중순에 새로운 회사에 입사했고, 오픈마켓에서 약 250만 원 정도 하는 M1 MacBook Pro를 지급받았다. 옵션으로는 16GB RAM과 1TB SSD로 개인용보다는 가격도 비싸고 성능도 좋다. 회사를 다니기 시작하면서 기존 개인용인 맥북 에어는 웹서핑, VSCode에서의.. 공감수 5 댓글수 2 2021. 7. 25.
React.js 라이브러리인 styled-components 소개, 설치 및 활용 이제 나에게는 필수적인 라이브러리가 된 styled-components에 대한 개요, 설치하는 방법과 기본적인 활용법 등을 소개하고자 한다. 백엔드 개발자의 대표적인 고충이 DB와 관련한 작업들이라면, 프론트엔드 개발자들의 고충은 아마도 마크업, UI 개발, 퍼블리싱이라고 불리는 HTML과 CSS 작업일 것이다.(마크업, UI 개발, 퍼블리싱은 HTML, CSS 개발이라는 공통분모가 있어 비슷하지만 각각 약간 개념이 다른 것 같다.) 그중 CSS 작업은 매우 고통스러운 일이 될 수도 있다. 왜냐하면 CSS는 구조화하기 어렵고, 변수를 선언하여 쓰기 어렵고, 프로젝트가 커지다 보면 class명이 겹쳐서 스타일이 꼬이는 등 예상치 못한 문제가 튀어나올 가능성이 매우 크기 때문이다. 그래서 SCSS와 같은 좀.. 공감수 0 댓글수 0 2021. 7. 23.
tsconfig의 baseUrl, paths 설정 개발을 하다 보면 직접 만든 utils 또는 프론트엔드의 경우 components 폴더, styles 폴더 등 현재 작업 파일과 다른 경로의 파일들을 import 시켜야 할 때가 있다. import 시킬 필요가 없는 파일은 아주 단순한 스크립트이거나 온갖 로직을 하나의 파일에 다 작성할 때인데 별로 좋지 않은 패턴이다. 그래서 파일의 상단에는 다음과 같은 현상이 일어난다. import styled from 'styled-components'; import { TextField } from '../../components/textfield'; ... line 1과 line2가 import 방식이 조금 다른 것을 알 수 있다. line 1의 styled의 경우 styled-components라는 npm 패키.. 공감수 1 댓글수 0 2021. 7. 21.
이직, 그리고 일상 이제 새로운 회사로 이직한 지 두 달이 다 되어 간다. 어쩌다보니 오픈이 임박한 서비스의 프론트엔드 영역을 처음부터 다시 설계하여 이제 오픈을 앞두고 있다. 보통은 경력직으로 입사하면 대부분 결원에 대한 대체인력으로 충원되어 기존 소스코드를 분석하고 유지보수를 하는데 나는 추가 인력으로 채용되어 서비스의 처음부터 참여하게 되었다.(정확히는 처음이 아니고... 말 못할 사정이 있다. 아무튼 소소코드상으로는 사실상 처음이다.) 이게 장점이 남의 똥을 치우지 않고 내가 원하는대로 내 솜씨를 마음껏 펼칠 수 있다는 장점이 있으나, 문제가 생기면 그때부턴 100% 내가 싼 똥이다. 그래서 코드 품질이나 기타 등등 많이 신경써서 개발을 시작했지만 촉박한 일정에 쫓겨 지금 마무리 단계에서는 아주 품질이 좋지는 못한 .. 공감수 0 댓글수 0 2021. 7. 14.
Next.js + TypeScript + ESlint + Prettier 세팅(4) ESLint가 개발할 때 혹은 빌드할 때 실수하지 않도록 우려가 될 만한 부분에 대해 에러를 뿜어주는 역할이라면 Prettier는 코드 작성 패턴을 사전에 설정해놓은 대로 자동으로 바꿔주는 역할을 한다. 그러므로 ESLint와 Prettier를 적절히 활용하면 에러를 미연에 방지하고, 코드가 예쁘게 나오고, 다른 사람과 협업 시에도 코드 컨벤션을 지키면서 작업을 할 수 있게 된다. 역시 VSCode 기준으로 설명하겠다. VSCode에서 prettier를 검색하고 다음의 확장프로그램을 설치한다. 그리고 프로젝트 최상위에 .prettierrc.js 라는 파일을 만들고 다음과 같이 작성 후 저장한다. module.exports = { semi: true, // 세미콜론(;) 사용 여부 trailingComma.. 공감수 2 댓글수 0 2021. 7. 14.
Next.js + TypeScript + ESlint + Prettier 세팅(3) ESLint 공식 홈페이지에서는 ESLint에 대해 한마디로 다음과 같이 표현하고 있다. "Find and fix problems in your JavaScript code" ESLint - Pluggable JavaScript linter Customize Preprocess code, use custom parsers, and write your own rules that work alongside ESLint's built-in rules. You can customize ESLint to work exactly the way you need it for your project. eslint.org 즉, 개발자가 javascript 코드의 여러가지 문제점들을 찾아서 고쳐주는 역할을 하는 것이다.(예.. 공감수 0 댓글수 0 2021. 7. 13.
Next.js + TypeScript + ESlint + Prettier 세팅(2) 1. 개발환경 Next.js와 기타 등등 라이브러리들을 설치하고 개발을 하려면 기본적으로 Node.js와 NPM이 설치되어 있어야 한다. 아래의 공식 사이트에서 운영체제에 맞게 다운로드하고 설치하면 된다. 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 본 포스팅의 예제 환경은 M1 맥북, VSCode이다. 공식 문서에서 안내하는 개발 가능 환경은 다음과 같으니 참고 바란다. Node.js 12.0 or later MacOS, Windows (including WSL), and Linux are supported Next.js by Vercel - The React Framew.. 공감수 1 댓글수 0 2021. 7. 6.
Next.js + TypeScript + ESlint + Prettier 세팅(1) Next.js는 React.js를 개발할 때 SSR(Server Side Rendering)을 보다 쉽게 해주는 프레임워크 중 하나이다. React.js 실무 프로젝트에서 가장 많이 사용되는 프레임워크이며, 나 같은 경우엔 굳이 SSR이 꼭 필요한 상황이 아니더라도 라우팅 등이 편해서 React.js 프로젝트를 할 때는 Next.js 위에서 작업하는 것을 선호한다. 이 포스팅에서는 Next.js를 설치하고 TypeScript, ESlint, Prettier를 끼얹는 과정까지만 다룬다. React.js 및 Next.js 프로젝트에서는 위의 프레임워크, 라이브러리 외에도 Redux나 Styled-Components와 같은 패키지들을 주로 설치해서 쓰곤 하나 반드시 필요한 요소라고는 할 수 없다. TypeSc.. 공감수 0 댓글수 0 2021. 7. 5.
Mac에서 Open JDK 설치 Java와 Kotlin 관련 내용은 나중에 Spring으로 백엔드를 구현할 때 포스팅하려 했는데, Private NPM을 위한 Nexus를 설치하려다가 JDK 설치 이슈를 만나서 이렇게 먼저 포스팅하게 됐다. 보통 Oracle의 JDK를 많이 쓰곤 하는데, 일반 유저 입장에서 JDK로 만들어진 프로그램을 돌리려고 Oracle JDK, JVM을 설치하는 것은 전혀 문제가 없지만 JDK 기반 프로그램을 개발하는 입장에서는 라이선스 이슈가 신경이 쓰일 수밖에 없다. 물론 개인 프로젝트나 회사에서 내부적으로만 쓰는 거면 별 상관이 없다고는 하지만 뭔가 불안하다. 그래서 Open JDK를 많이들 설치하곤 한다. 나도 Open JDK를 설치하려고 이것저것 찾아보았는데 잘 되지 않았다. 일단 Home brew 설치가.. 공감수 0 댓글수 0 2021. 6. 7.
짜파구리는 가라, 이제 "짜파곱창"이다!! 짜파구리라고 들어봤는가. 농심의 짜파게티와 너구리를 같이 끓여서 짜파게티 스프와 너구리 스프를 섞어서 비벼먹는 거 말이다. 아마 영화 기생충에서 채끝 짜파구리가 등장한 이후 인기가 많아지면서 엄청나게 유명해졌다. 근데 내가 새로운 짜파게티 레시피를 발견했다. 일부러 레시피를 생각해서 만든건 아니고 냉장고에 있는 거 그냥 섞었는데 너무 맛있다. 냉장고에 있던 건 바로 아래에 있는 도드람에서 나온 "참숯에 구운 직화곱창"이다!! 그냥 짜파게티 2개 끓여서 물을 적당히 버린 후에 스프 넣고 곱창 저거 넣어서 불 올리고 볶아주면 된다. 나는 별도의 냄비에 곱창을 볶은 다음에 짜파게티 냄비에 옮겨 담아서 다시 볶아줬었는데 굳이 그럴 필요는 없다. 운 좋게 이 글을 보는 분들은 꼭 한 번 해 먹어 보길 바란다. 아.. 공감수 1 댓글수 0 2021. 5. 18.
node.js 및 npm 버전 업데이트 실무에서는 레거시 프로젝트도 있어서 node 버전 관리 프로그램을 따로 쓰기도 하지만 개인 컴퓨터는 굳이 그럴 필요까진 없고 그냥 LTS 버전만 써도 별 문제가 없다. 근데 LTS버전도 아예 새롭게 바뀌는 경우도 있고 마이너 업데이트가 되는 경우가 있다. 그래서 개인 컴퓨터에서도 가끔은 업데이트를 해주는 게 좋다. 참고로 내 개인 컴퓨터 환경은 macOS Big Sur 11.3, M1 칩셋이며 이 환경에서 진행을 했다. $ node -v $ npm -v 버전을 찍어보니 node는 14.16.0, npm은 7.10.0이었다. 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org nod.. 공감수 1 댓글수 0 2021. 5. 15.
Array의 반복 관련 메서드(2) - reduce JavaScript Array의 반복 관련 메서드 두 번째 포스트다. 첫 번째 포스트는 다음을 참고 바란다. Array의 반복 관련 메소드(1) forEach, map, reduce 등 javascript에서의 반복 관련 메소드가 있는데, 그냥 편하게 반복문이라고도 하지만 정확히는 Array 객체의 메소드이다. 다만 for문 등 반복문과 비교가 되어 반복문으로 분류하기 think-dev.tistory.com 첫 번째 포스트에서는 forEach, map, filter, find를 다뤘다. 위 메소드들은 실무에서 많이 쓰지만 reduce하나면 거의 커버가 가능하고, 추가적인 형태로도 구현이 가능하다. 물론 reduce 역시 별도로 break문은 없어서 find를 구현하긴 어렵지만 시간 복잡도를 생각하지 않는.. 공감수 0 댓글수 0 2021. 5. 14.
새로운 일상으로 짧다면 짧고 길다면 긴 구직활동이 끝나 이제 다음 주에 다시 직장생활을 하게 됐다. 여기저기 열심히 지원한 곳은 떨어지거나 합격해도 처우협상이 잘 안됐고, 별도로 회사에서 직접 제안이 온 곳에서 잘 협상이 돼서 입사하게 됐다. 아직 입사 전이지만 HR에서 각종 서류, 원하는 사무용 장비, 사원증용 정보, 명함용 정보 등을 제공하라고 안내받았고 아마 오늘 중으로 회사 생활에 대한 2차 안내가 올 것이다. 나름 대기업 계열사라 입사 전부터 체계적이고 느낌이 좋다. 내 포지션은 웹 프론트엔드 개발, 계속 자바스크립트 개발자로 일하게 돼서 기쁘다. 새로운 일상으로 들어가서 설렌다. 공감수 1 댓글수 0 2021. 5. 14.
개발자 구직활동을 하면서... 끄적끄적 현재까지 느낀 점을 두서없이 적는다. 나는 JavaScript 개발자다. 그런데 다른 사람들은 풀스택 개발자라고들 많이 한다. 어쩌다 보니 iOS, Andorid, BackEnd, Web FrontEnd 모두 경험하게 되어 그렇다. iOS, Android는 보고 이해할 수 있고 하라면 또 할 수 있고 상당히 흥미로운 개발이지만, 음... 이젠 손 놓은 지 너무 오래됐다. 개인적으로 선호하는 직무는 Web FrontEnd 개발이다. 내 모든 경력에 JavaScript가 있기도 하고, 2010년대부터 뜨고 있는 FrontEnd Framework가 너무 맘에 든다. 또한 지속적으로 그 기술도 발전하고 있는데 그것도 흥미롭고 항상 도전할 수 있는 기회가 있다는 것이 맘에 든다. 이제 구직활동을 한 지 보름이 넘.. 공감수 2 댓글수 0 2021. 5. 4.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.