brunch.co.kr

삶의 질이 달라지는 피그마 숨겨진 기능과 단축키

수정하고자 하는 글자 한 번에 바꾸기, 선택한 레이어만 확대 보기 등 | 들어가며 UX 디자인 시 없어서는 안 될 존재가 되어버린 피그마. 익숙함에 젖어 더 이상 피그마의 새로운 기능을 찾지 않게 될 때쯤 이슈가 터졌다. 기존에 있던 특정 텍스트를  다른 텍스트로 수정해야 한다는 것(예를 들어 dog를 cat으로 수정..?) 처음에는 하나하나 찾아가며

김새롬

mytory.net

CSS로 세로 사진 좌우에 블러 효과 넣기 backdrop filter

세로 이미지를 가로 썸네일로 표현해야 할 때는 이렇게 위아래를 자르면 좋지 않은 경우가 있습니다. 얼굴이 잘리는 경우는 가장 안 좋죠.그래서 위와 같이 좌우를 블러로 채워 표현하는 게 좋을 때가 있습니다. 저 같은 경우 PHP 이미지 라이브러리를 사용해 구현을 했었는데요.최근에 우연히 CSS를 이용해서 이걸 구현할 수 있는 방법을 찾았습...

도봉도봉

wishket.com

성공적인 이커머스 플랫폼을 만들기 위한 12가지 핵심요소

'이커머스 플랫폼'을 통해 기업은 온라인으로 제품 및 서비스를 로컬 스토어를 넘어 전 세계적으로 판매할 수 있습니다.

Dev_Hong

brunch.co.kr

버거킹 앱 와이어프레임 작성과 UX 개선

코드스테이츠 PMB 15 | 들어가기에 앞서 버거킹 앱은 주변의 버거킹을 찾고 스마트 오더와 딜리버리 서비스까지 제공해 준다. 나는 사실 딜리버리나 스타벅스처럼 스마트 오더를 이용하기보다, 쿠폰을 정말 많이 주기 때문에 쿠폰을 사용하기 위해서 앱을 이용하는 편이다. 예전부터 종이로 찢어서 쓰는 쿠폰을 많이 주곤 했는데, 그런 쿠폰 방식을 앱으로 가져와 오

김새롬

zendesk.kr

고객 경험이란? 종합 가이드

고객 경험(CX)은 기업과 고객 간의 관계입니다. CX의 중요성과 CX 전략의 개선 방법을 함께 살펴보겠습니다.

김새롬

wix.com

MZ 세대를 위한 비즈니스 모델 D2C에 대한 모든 것

D2C란 소비자에게 직접 제품을 판매(Direct to Consumer)하는 것을 의미합니다. 자사몰로도 알려진 D2C가 왜 MZ 세대에게 인기가 있는지, 그리고 시작하는 방법을 알아보겠습니다.

Dev_Hong

bstage.in

핀테크와 캐시리스 : 현금이 사라지고 있다고?

제 지갑은 작습니다. 카드 두어 장 들어갈 만한 크기입니다. 원래 작은 지갑을 좋아했던 건 아닙니다. 현금을 가지고 다닐 필요가 없어 바꾼 겁니다. 요즘은 택시를 타든, 편의점을 가든, 식당엘 가든 카드 하나면 만사 OK입니다. 현금이 없어도 되니 지갑도 따라 작아집니다.

김새롬

velog.io

[React] MobX 이해하기

리엑트에서 상태관리하기 위해서 기존 프로젝트에서는 Redux를 많이 사용하였다. 하지만 회사에서는 MobX를 사용하였고 업무 이해를 키울겸 MobX공부를 시작하였다.프로젝트를 하면서 상태관리가 필요하다고 느낀적이 있다. 고정을 많이 사용하는 기능에 매번 API로 데이

Dev_Hong

tistory.com

React 상태관리 Mobx 정리 및 사용법

Mobx 개념 정리 및 사용법 1-1. MobX의 주요 개념 1) Observable State (관찰 받고 있는 상태) 상태의 변경이 잇으면 Mobx에서 관찰하고 있다가 어떤 부분이 바뀌었는지 파악한다. 2) Computed Value (연산된 값) 기존의 상태값과 다른 연산된 값에 기반하여 만들어질 수 있는 값으로 성능 최적화를 위해 사용된다. 어떤 값

Dev_Hong

velog.io

검색을 못하는 나는 개발자인가?

구글에 검색을 해보지 않은 사람부터 영어 문서만 나오면 무서운 분들까지, 여러분들의 성장에 도움이 될 글입니다.

도봉도봉

goldenrabbit.co.kr

생각하는 Go 언어 프로그래밍 : Go는 객체지향 언어인가? - 골든래빗

어떤 사람은 Go 언어는 객체지향 언어가 아니라고 말합니다. 그 이유는 객체지향 언어들의 특징인 상속을 지원하지 않기 때문입니다.

Dev_Hong

thedigitalmkt.com

2023년 웹 개발 트렌드 13가지 | Digital Marketing Curation

웹 개발자들은 웹사이트가 어떻게 작동되어야 할지 알려줄 코드를 개발할 할 책임이 있습니다. 여기에는 프런트 엔드 / 클라이언트 측 개발과 백엔드 / 서버 측 개발이 포함됩니다. 웹 개발자는 비주얼 디자인과 레이아웃을 구현하고 그래픽과 콘텐츠를 통합하며, 웹사이트 성능과 용량을 최적화하고, 웹사이트가 모든 유형의 컴퓨터와 모바일, 그리고 기타 디바이스 스크린

김새롬

tistory.com

쿠키 vs 세션 vs 캐시. 무엇이 다를까?

쿠키(Cookie) 브라우저를 사용하는 환경(로컬 컴퓨터)에 서버에서 받은 데이터를 쿠키 저장소에 저장 정보의 유효기간을 지정할 수 있다. 유효기간 미지정 시 메모리에 기록되기 때문에 지정하지 않으면 웹 브라우저가 닫힐 때 삭제된다. 지정했다면 웹 브라우저를 닫아도 삭제되지 않는다. (하드디스크에 저장) 경로 값을 통해 도메인의 기준 경로(+ 하위 경로까지

도봉도봉

wishket.com

디자이너를 위한 리액트 가이드

오늘은 자바스크립트 라이브러리 중 가장 인기 있는 리액트(React)에 대해 자세히 살펴보겠습니다. 이 글을 통해 여러분이 디자이너로서 리액트에 대해 더 알아가길 바랍니다. 또한 리액트를 이해함으로써 더 나은 디자인 능력을 함양하고, 엔지니어와 원활하게 소통하는 데 도움이 될 수 있습니다. 굳이 코드 작성법까지 배우는 것이 아니라, 코드에 더 익숙해지기만

김새롬

codestates.com

블록체인 활용 사례ㅣ공공분야, 투표, 유통, 보험까지

블록체인이 비즈니스적으로 큰 잠재력을 갖는 이유는 기록을 담은 블록을 수많은 네트워크가 가지고 있어 위변조가 어렵기 때문인데요. 공공 분야부터 보험까지 다양한 블록체인 활용 사례 몇 가지를 소개합니다.

김새롬

velog.io

📙 AWS EC2에 Jenkins 서버 구축

AWS에서 가장 많이 사용하는 EC2에 Jenkins 서버를 구축한 후 GitLab Webhook까지 연결하는 방법에 대해 정리해서 두고두고 참고하려고 작성하는 글 😉

도봉도봉