분류 전체보기(28)
-
[5월 4주차] 인상깊게 읽은 아티클/뉴스
Headless Design System '가장 관심있게 보고 있는 주제'의 '가장 명료하고 쉽게 쓰여진'글이라 스크랩. 특히나 최근 각광받고 있는 Tokens Studio for Figma가 언급되어 또 반가운 마음. Headless Design System 멀티 브랜드를 위한 하나의 디자인 시스템 | 커버 이미지 출처: https://tokens.studio/ 본 글은 In the file - Building a headless design system(Youtube) 일부를 번역 및 참고하여 작성한 글입니다. 본문에 사용한 brunch.co.kr 세상에 없던 힙한 브라우저의 등장 '아크(Arc)' 구글의 크롬(Chrome)이 과점하고 있는 브라우저 시장에 힙한 브라우저 아크(Arc)가 등장했다. 크..
2023.05.29 -
[5월 3주차] 인상깊게 읽은 아티클
사용자가 3명인 제품, 만들어야 할까? 재직중인 회사에서 만드는 프로덕트에 대해 회의감이 가득 차 있을 때 읽은 토스의 아티클. 서비스의 존재 이유와 개선 의지가 담긴 토스 인터널 프로덕트 디자이너의 회고다. 내가 일하는 이유, 그리고 또 데이터가 아니더라도 효과를 입증할 수 있는 방법에 대한 힌트를 얻은 글이라 기록해본다. 사용자 3명인 제품, 만들어야 할까? 사용자가 3명 뿐인 제품, 쓰는 사람이 적으면 개선을 하지 말아야 할까요? 토스 콘텐츠 시스템(TCS)을 만들면서, 최소한의 비용으로 최대한의 효율을 내기 위해 고민했던 지점들을 소개해드려요. toss.tech 3주짜리 어플이 앱스토어 전체 1위가 되기까지 요즘 앱스토어 1위를 지키고 있는 화제의 APP 'HYPE'. 디스콰이엇에서 그 자취를 ..
2023.05.21 -
CLI와 친해지기 1 - Github CLI 설치 / 로그인, 로그아웃
Github CLI는 터미널 환경에서 깃허브를 사용할 수 있도록 해주는 유틸리티다. 처음부터 바로 사용할 수 있는 것은 아니고, 패키지 관리자를 설치하여야 사용 할 수 있다. Github Docs(Link)에서 설치할 수도 있으나 목표가 터미널과 친해지기인 만큼 터미널로 설치해보기로 했다. 우선, 초보이므로 가독성을 높이기 위해(꾸미기 위한 핑계) iTerm2를 설치하고, 약간의 커스텀을 해보았다. Github CLI 설치 맥을 사용하고 있어 brew를 이용해 설치했다. 맥을 제외한 다른 운영체제에서는 다른 명령어를 사용하여야 한다. brew install gh 로그인 / 로그아웃 gh auth login을 하면 대화식으로 로그인이 가능하다. gh auth login 토큰발급은 Github profile..
2023.05.16 -
[5월 2주차] 인상깊게 읽은 아티클
What's new in CSS and UI: I/O 2023 Edition 점점 고도화되는 CSS. 기존에는 CSS만으로 해결할 수 없던 많은 문제들을 이제는 CSS 하나만으로도 해결할 수 있게 되었다. 아직까지는 모든 브라우저가 지원하지는 않지만, 머지않아 모든 기능들을 다 사용할 수 있을 것으로 보인다. 인상깊은 것들이 많았는데, 그 중에서도 놀라웠던 부분을 추려봤다. 개인적으로는 SCSS를 쓰는 이유 중 가장 큰 부분을 차지했던 네스팅 부분이 가장 눈에 띄었다. ✅ Nesting ✅ container query / style query ✅ Dynamic viewport units ✅ Scroll-driven animations What's new in CSS and UI: I/O 2023 Edit..
2023.05.16 -
[5월 1주차] 인상깊게 읽은 아티클
프로덕트 팀의 신뢰를 '자산'처럼 관리해야 하는 이유 '신뢰자산'이라는 개념이 생소하여 정독한 아티클. 팀 내에서 내가 취해야 할 자세와, 조직이 노력해야할 부분에 대한 정리가 인상적이었다. R&R이 무너지며 겪은 경험과 조직 내 신뢰자산이 형성되지 못하여 아쉬웠던 경험이 떠올라 더 와닿았다. 프로덕트 팀의 신뢰를 ‘자산’처럼 관리해야 하는 이유 | 요즘IT 프로덕트를 만드는 사람들이라면 구성원들 간의 '신뢰'가 중요하다는 이야기들을 많이 들어보셨을 것입니다. 많은 프로덕트 매니저(PM)들의 지침서가 되는 책 ,
2023.05.07 -
[JS] array에서 요소를 꺼내고, 각각에 이름을 부여하는 멋진 방법(Destructuring)
🎁 Array 요소에 이름 Awesome하게 부여하기 const food = ["tomato", "potato"] 위의 어레이를 아래와 같이 각각의 요소에 이름을 부여해줄 수 있다. 이름하야 Destructuring. const [myFavFood, mySecondFavFood] = food; 이렇게 하는 것은 아래처럼 어레이 순서에 따라 이름을 부여해주는 것과 같다. const myFavFood = food[0]; const mySecondFavFood = food[1]; 🤔 이게 왜 Awesome 해요? JS 입문자인 나에게는 바로 윗 코드와 같이 각각의 이름을 선언하여 부여해주는 것이 더 눈에 익고 쉬워보였다. 하지만 극강의 효율을 추구하고, 메모리를 줄여야하는 개발씬에서는 낭비일 뿐이다. 자 다른..
2023.05.02