이상선Netlify cli로 deploy하기Netlify는 NPM 형태로 cli를 제공합니다. Node.js에서 도는 프로그램을 package라고 하는데 이것을 관리하는 것을 NPM이라고 합니다. Cli는 command line interface인데 GUI에 반해서 글로 컴퓨터와 소통하는…Aug 11Aug 11
이상선MacOS에 Node.js 설치Node.js는 JS를 돌리는 런타임이면서 동시에 개발 컴퓨터에서 여러 도움 역할을 하는 도구이기도 합니다. 비단, frontend building을 하지 않는다고 해도 Node.js는 여러모로 필요합니다. 특히, Netlify CLI 등 cli를…Aug 8Aug 8
이상선GitHub 그리고 글쓰기깃헙은 개발의 핵심으로 알려 져 있지만 사실 아주 훌륭한 글쓰기 도구입니다. 특히 여럿이 하나의 작품을 같이 쓴다면 좋은 역할을 할 것입니다.May 23May 23
이상선GitHub의 discussion깃헙에 discussion이라는 좋은 기능이 발견되었습니다. 생긴지 좀 된 것 같은데 여기서도 많은 대화를 해 보려고 합니다. 깃헙은 소스 공유에 좋고 자료 저장도 훌륭합니다.Mar 19Mar 19
이상선앱의 앱스러움앱은 application의 약자입니다. Application은 OS에 대응 되는 software라는 의미이고 예전부터 있던 단어입니다. 요즘 앱의 의미는 모바일 기기에서 도는 앱이라는 의미가 강합니다. 모바일 기기는 주로 아이폰이나 안드로이드폰을…Mar 91Mar 91
이상선웹 컴포넌트에 대한 이해웹이 앱을 닮아 가면서 단순히 페이지만 보여주는 그림에서 기능을 수행하는 앱으로 바뀌고 있고 이를 위해서 복잡한 동작들이 많이 필요하게 되었습니다. 그런데 웹은 여전히 브라우저에서 돌고 브라우저는 html, css, js 언어만 이해합니다. 동작이…Feb 25Feb 25
이상선동적으로 UI 만들기개발에 있어서 동적이라는 말은 참 여러 의미로 쓰입니다. 예전에는 정적 웹을 발전 시켜 켜 동적 웹을 만들기도 했는데 대표적으로 PHP, JSP, ASP 등이 그랬습니다. 요즘의 SSR과 비슷한 개념이죠. 만들어진 UI code를 서버에서 받을…Jan 26Jan 26
이상선신기한 CSS 코드들CSS는 HTML에 생기를 불어 넣는 코드입니다. 색을 입히기도 하고 글자 크기를 조절하기도 합니다. CSS의 기능은 크게 둘이라고 볼 수 있습니다.Jan 81Jan 81
이상선유익한 JS 함수들요즘은 JS의 시대입니다. 프론트 개발이 주로 여러 라이브러리나 프레임웍을 쓰면서 html, css의 작업도 JS로 많이 하는 추세입니다. 이게 옳은지 아닌지 모르지만 점점 이런 코드들도 JS를 사용해서 동적으로 만드는 시대입니다.Jan 5Jan 5
이상선이메일 방식의 로그인 구현가끔 전통적인 한국식 이메일/암호 방식의 회원 시스템이 필요한 경우가 있습니다. 회원 시스템을 만들 때 회원이 알아야 할 정보는 억지로 기억하는 정보가 아니라 당연히 이미 알고 있는 정보이어야 합니다. 그래야 잊지 않게 되죠.Dec 27, 20231Dec 27, 20231