깃허브를 사용하다 보면 회사나 속한 조직에서 private 한 모듈을 사용 해야할 때가 온다. 그때 기존 public 패키지는 npm 에 올리면 문제가 해결 되겠지만 private 모듈은 유로라는 단점이 있다 (유료 소프트웨어가 나쁜다는것은 아니지만)https&#x3A

velog 를 작성하면서 생각보다 마음에 들었던 기능이 시리즈 별로 게시글을 볼수 있는것이였다.처음에 특정 프로젝트나 특정 기능에 따라 시리즈로 묶을수 있는게 큰 장점같았기 때문이다. ?? 근데 생각해보니까 github.io로 블로그를 만드는 가장큰이유가 메뉴 기능이

우선 현재까지 작업한 디자인은 태그 리스트부분과 최근 포스트 순 디자인을 살짝 바꿨다.태그 전체 목록과 해당 태그의 개수, 전체 태그의 개수를 표현했고 각 태그를 클릭하면 해당 태그가 포함된 게시글이 나오도록 해줬다.ts1 태그 클릭시 :::ts2 태그 클릭시 :::또

저번에 찾았던 gray-matter 를 사용해 태그리스트도 만들어줄 예정이다.저번 포스트와 마찬가지로 모든 파일의 메타데이터에 접근해서 태그를 읽어오는식으로 작성했다. 하지만 TODO 에도 써놨듯이 안좋은 방법인것 같아 새로운 포스트가 업로드 되면 태그 목록만 따로 업

메인페이지에 가장 최근 포스트순으로 카드형식으로 6개 ~ 9개 정도를 보여주거나 인피니티 스크롤을 사용해서 날짜순으로 보여주려고 한다. 구조 잡기

저번 포스트까지 메뉴와 포스트를 보여주는 페이지까지 만들어주면서 진짜 기본적인 블로그의 역할을 하게 되었다. 하지만 개발을 진행하면서 너무 못생긴 UI 때문에 의욕도 안생기고 할맛이 안나서 이번 포스트에서는 UI/UX 약간의 변경? 및 다크모드를 추가해 줄 것이다.필자

지금까지는 단순히 메뉴트리를 보여주는것, 포스트 하나를 정적으로 보여주는작업을 했는데 실제 블로그에서 이런식으로 당연히 표현할 수 없기때문에 메뉴 클릭시 해당되는 포스트를 보여주는 작업을 할 것이다.해당 작업에 대한 구조를 어떤식으로 짜야지 잘짰다고 생각이 들까 고민을

각 포스트들은 .md 라는 마크다운 파일로 생성을 하게 될 것이다. 이 마크다운 문법으로 작성되어있는 포스트들을 html 문법으로 변환시켜주는 작업이 필요해 변환해줄 예정이다. 시작전에 필요한 라이브러리들을 다운받아야 한다 마크다운 문법 지금 작성하고 있는 포스트도

저번 포스트까진 서버단에서 디렉토리 구조를 가져와서 프론트단에서는 단순하게 목록들을 뿌려주기만 했는데 이번 포스트에선 메뉴 디자인을 해줄것이다. 필자는 개인 특성상 여러 디자인 라이브러리를 쓰는것을 별로 선호하지 않아 순수 css 로 디자인을 해줄 것이다.또 이번 포스

저번 포스트의 지저분했던 test() 함수에서 위와같이 짧고 간단한 재귀함수인 getDirectoryStructure 로 다시 태어났다.물론 이것보다 훨신 더 깔끔한 구조로 짤수 있을것같은 느낌이 드는데 현재 필자의 역량에선 이게 최선이다... 아쉬운점은 이정도로 하

⚠️상시 업데이트중.⚠️자바스크립트의 동작원리: 엔진, 런타임, 호출 스택자바스크립트 기초 - 1 (자바스크립트 엔진)자바스크립트는 정말 싱글스레드일까?견고한 node.js 프로젝트 설계하기node bestpractice github\[CS]디자인 패턴?!JavaScr

서론 개발 블로그를 github io 로 옮기면서 고민을 해야할게 늘어났다. 우선 메뉴부분인데 어떻게하면 간단하게 .md 파일을 추가하면서 메뉴트리를 짤 수 있을까 고민해봤다. 우선 최선은 이런식으로 앞에는 날짜, 뒤에는 제목의 형식으로 파일을 만들면 메뉴엔 자동으로

사실 개발블로그를 시작한지는 이번달에 들어서 딱 반년이 지났다. 처음에 쓰기시작한 이유는 솔직히 남들 다 쓰니까 시작하게 됐는데 점점 시간이 지나면서 글쓰는 요령도 붙고 나름 독자의 입장에서 생각해보기도 하고 무엇보다 가장 큰 장점은 하나의 주제를 공부할때 블로그를 작

서론 React Native 의 react-native-camera-kit 플러그인을 사용하다가 다음과 같은 에러 메시지를 만났다 RN 은 처음이기도 하고 예전에 안드로이드 맛만 봤을때도 코틀린이 아닌 자바로 개발 했기때문에 해결하는데 있어서 조금 오래 걸린것 같다.

해당 코드는 expo init 으로 만들었을때 생기는 Hello world 코드이다. 전체적으로 보면 React 와 비슷해 보일 순 있겠지만 자세하게 뜯어보면 RN는 웹 어플리케이션을 구성하는 언어가 아닌 ios, android 에서 동작하는 네이티브 언어이기 때문에

우선 해당 시리즈의 clone coding 포스트들은 니콜라스님의 강의를 보고 정리한것이다. RN 공식문서에서도 그렇고 해당 강의에서도 expo로 개발환경을 구축한다고하니 expo 를 사용해 볼 것이다. 하지만 모바일 디바이스는 없는 관계로 intellij의 안드로이드

개요 웹앱을 개발하다 보면 모바일에서도 테스트가 필요한 기능들이 있다. (예를들면 카메라같은 기능) 물론 본인이 소지하고있는 단말기들로 테스트를 해볼 수 있지만 다양한 단말기와 버전들을 테스트하기에는 현실적으로 어려운 부분이있다. (아이폰과 갤럭시 한대씩 갖고다니는사람

들어가기에 앞서 S3가 무엇인지 알아보자면(이번 포스트에서는 aws s3 버킷 생성은 다루지 않는다)Amazon Simple Storage Service(Amazon S3)는 업계 최고의 확장성, 데이터 가용성, 보안 및 성능을 제공하는 객체 스토리지 서비스입니다. 모

생각하기엔 엄청 간단한게 무려 3일동안 삽질을해서 충격을받아 기록용으로(혹은 기억용으로) 만들어두고자 이번 포스트를 작성해본다.다음과같은 Object 객체가 있다고 가정해보자 table 태그에서 onChange 이벤트가 발생할때 data 에 있는 특정값들을 바꿔야 하는

디스코드에서의 명령어 응답하기 이전 글에서 만든 discord.js 파일에 아래와 같이 추가해준다 isChatInputCommand() = 채팅 입력된게 상호작용을 뜻하는것인지 확인하는 함수 commandName = 명령을 입력하면 해당 변수로 값이 들어오게된다 r