Programming148

• 

  [JavaScript] JavaScript Cheatsheet (ES6-ES10) Programming/Javascript, Typescript 2023. 12. 26.

• 

  [CSS] 속성 선언 순서 CSS 속성의 선언 순서를 스스로 정리해 본 적이 없는 것 같아 네이버의 CSS 코드를 참고해 정해 보았다. 평소 best practice나 클린 코드 관련 글들에서 읽은 것과 결이 같아 좋은 기준이 될 것 같다.display - 표시(관련 속성: visibility)overflow - 넘침float - 흐름(관련 속성: clear)position - 위치(관련 속성: top, right, bottom, left, z-index)width & height - 크기margin & padding(그룹) - 간격border(그룹) - 테두리background(그룹) - 배경font(그룹) - 폰트(관련 속성: color, letter-spacing, text-align, text-decoration, text.. Programming/HTML, CSS 2023. 11. 12.

• 

  JWT(JSON Web Tokens), OAuth(Open Authorization) Programming/ETC 2023. 9. 24.

• 

  [Low-code] 로우 코드 서비스 개발 툴, Retool 최근에 low-code 툴인 'Retool'에 대해 알게 되었다. admin 페이지 등 UI를 직접 개발할 필요 없이 약간의 JS와 SQL 지식만으로 웹 페이지를 만들고 운영할 수 있는 툴이라고 한다. 데이터에 관한 여러 대시보드를 만들 수 있을 뿐만 아니라 데이터를 직접 조작할 수도 있다. 홈페이지 https://retool.com/ Build any business software, remarkably fast. Retool is the fast way to build internal tools. Drag-and-drop our building blocks and connect them to your databases and APIs to build your own tools, instantly. C.. Programming/ETC 2023. 8. 28.

• 

  [Vercel] 'npm ERR! code EINTEGRITY...' 에러 해결하기 에러 npm ERR! code EINTEGRITY npm ERR! sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgreytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w== integrity checksum failed when using sha512: wanted sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgreytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w== but got sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==. (4940 bytes).. Programming/Deployment, CI, CD 2023. 8. 19.

• 

  나의 첫 오픈소스 기여: Next.js 공식 문서 한글 번역 참여한 계기 개발자가 된 후 오픈소스에 꾸준히 기여하려고 마음을 먹었다. 첫 번째로 내가 가장 잘 할 수 있고 장벽이 낮은 공식 문서 번역 or Merge Request 부터 시작하기로 했는데, 그동안은 업무에서 주로 사용하던 JS, React, Vue, React Native 공부만 하기도 바쁘다고 느껴져 시작을 못했었다. 그런데 이직 과정을 마치고 잠시 쉬던 중 마침 어떤 페이스북 개발 커뮤니티에서 한 우리나라 개발자분이 Next.js 공식 문서 한글 번역 프로젝트를 시작하신 것을 보았다. 번역 프로젝트는 항상 은근히 인기가 많아서 후다닥 들어가 봤는데, 다행히 프로젝트를 여신 지 사흘 정도 되어서 linking and navigating 파트를 맡을 수 있었다. https://github.com/N.. Programming/Next.js 2023. 8. 15.

• 

  [CSS] 글꼴 이탤릭체로 만드는 법 업무에서 이탤릭체로 'Coming soon!'이라는 문장을 이탤릭체로 별도 출력해야하는 티켓이 있었다. 그런데 어떤 CSS 요소가 폰트의 스타일을 지정해줄까? tailwind 등에는 별도의 클래스가 있겠으나 scss를 사용하는 경우에는 pure css를 사용하게 된다. font-style 글자의 모양을 정하기 위해서는 'font-style' 속성을 쓰면 된다. font-style의 종류 normal 특별히 꾸미지 않는 일반적인 모양(글꼴의 디폴트 생김새가 될 것이다.)을 말한다. italic 이탤릭체 oblique 대부분의 글꼴에서 이탤릭체와 동일하지만, 일부 글꼴에서는 이탤릭체는 필기체처럼 표현되고 oblique는 그냥 기울기만 기울인 것처럼 표현된다. inherit 부모 요소의 속성을 그대로 상속 받.. Programming/HTML, CSS 2023. 8. 12.