들어가며 규모가 큰 프로젝트를 진행할수록 하나의 파일로 관리하기보다는 여러 개의 파일로 분리하여 작업을 하는데요. scss에서는 기존에 스타일시트를 @import 속성을 이용하여 파일을 연결해서 사용하고 있습니다. 대체로 변수, 자주 사용되는 코드를 각각의 성격에 따라 전체 공통 _variables, _mixin, 혹은 페이지 공통을 추가로 작성하여 연결합니다. 하지만, scss에서 @import 사용을 지양하는 추세로 @use를 새롭게 도입하면서 권장한다는 글을 읽고 사이드 프로젝트에 적용하면서 소개하는 글을 작성하게 되었습니다. @import 여러 scss 혹은 css 파일을 분리하여 관리하여 불러올 때 사용되는 기능으로 파일 최상단에 선언합니다. scss에서는 @import 하는 파일 이름 앞에 ’..

들어가며 Web 3.0(Web3)라는 용어가 여기저기서 심심찮게 눈에 띄고 있어요. 저는 그냥 마케팅 용어겠거니 하고 처음엔 그다지 관심을 두지 않았었는데 지금은 “그래서 웹 3.0이 뭔데?” 하고 궁금해졌어요. 그래서 Web 3.0이 뭔지 한번 알아보았어요. Web3가 뭐죠..? 우선 위키를 검색해 보았습니다. 웹3.0 이란 컴퓨터가 시맨틱 웹 기술을 이용하여 웹페이지에 담긴 내용을 이해하고 개인 맞춤형 정보를 제공할 수 있는 지능형 웹 기술을 말한다. 지능화, 개인화된 맞춤형 웹이다. 웹 3.0은 기본적으로 웹 2.0의 핵심인 읽기와 쓰기를 넘어 ‘소유’의 개념이 더해진 것이다. 세계 곳곳에 흩어진 네트워크 참여자들의 컴퓨터 자원을 활용하는 블록체인 기술 덕분에 자료가 분산 저장되고, 이더리움 같은 ..

들어가며 웹서버와 WAS의 종류들 최근 네트워크에 관련하여 소소하게 책을 읽으며 스터디하는 시간을 가졌는데 그중 관련이 좀 있을법한 주제를 가지고 이번 블로그 포스팅하려고 합니다. 네트워크를 조금 공부해보면서 자연스럽게 관련이 있을 웹서버에 대해서도 좀 알아보게 되었는데 웹서버(Ws)와 웹 어플리케이션 서버(WAS)에 대해 그냥 대략 이렇다~ 할 정도의 지식만 있었지만, 구체적인 차이점과 장단점이라던가 왜 WAS를 쓰면서도 Ws를 따로 두는 것인지 명확한 이유를 알지 못한 채 넘어갔었습니다. 이번 블로그 포스팅을 작성하면서 한 짝 더 학습되면 좋을 것 같아 작성하였습니다. 웹서비스가 어떻게 사용자(client)에 정보를 제공하며 그중 웹서버와 WAS가 하는 역할이 무엇이며 차이점 및 효율성에 대하여 얘기..

들어가며 React는 많은 프론트엔드 개발자들이 사용하고 있는 인기 있는 라이브러리입니다. 이번 포스팅에서는 (저를 포함해) 프론트엔드 개발에 첫발을 내딛고자 하는 분들이라면 가장 처음 찾아보게 되는 기본 입문 지식, 간단한 설치 방법과 구조를 소개해드리도록 하겠습니다. 설치를 위해서 필요한 것 (Node.js, IDE) Node.js React 프로젝트를 만들기 위해서 Node.js와 npm을 설치해야 합니다. Node.js란 브라우저 밖의 javascript. 즉, 브라우저에 내장되어있는 자바스크립트를 웹브라우저 환경이 아닌 곳에서도 사용하여 연산할 수 있게 하는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임입니다. React 앱은 웹 브라우저에서 실행되는 코드이긴 하지만 프로젝트를 개발..

* 이 글은 UXalliance가 발행한 Global Research in a COVID-19 world 글을 번역한 것입니다. 들어가며 코로나19로 인한 팬더믹으로 인해 전 세계는 불필요한 여행을 금지하고 사회적 거리 두기를 실시하고 있습니다. 이에 따라, 피엑스디와 같이 사용자 조사를 하는 조직에서도 시의적절한 조치가 요구되고 있습니다. 개인과의 상호 작용과 의사소통은 사용자 조사의 핵심입니다. 그런데 지금과 같이 사용자를 직접 만날 수 없는 경우에는 어떤 방식으로 조사를 해야 할까요? UXalliance는 글로벌 UX 리서치 연합으로서 코로나19가 확산됨에 따른 새로운 경험을 지속해서 공유하고 학습해 왔습니다. 그 과정에서 얻은 몇 가지 연구 팁을 공유합니다. Tip 1: 여러 가지 선택지를 고민해..

사용자의 경험을 디자인하는 과정에서 가장 기본적이고도 중요한 단계는, 사용자가 제품을 사용하며 가지는 생각을 알아보고, 그 환경을 관찰함으로써, 우리의 사용자가 정말 무엇을 원하고 있는지를 파악하는 것입니다. 사용자 조사를 할 때에는 사용자를 초대해서 장시간 이야기를 들어보고, 사용자의 집을 방문하기도 하며, 혹은 사용자의 자동차를 같이 타면서 평소 운전습관을 관찰해 보기도 합니다. 사용자가 있는 곳이면 어디든 찾아가는데요, 국내에서는 제주도에 거주하는 사용자도 어렵지 않게 찾아가 조사를 진행하곤 하지요. Intro 외국의 사용자를 조사하는 경우는 어떨까요? 이전 글, ‘해외 사용자 조사 가이드’에서는 pxd 연구원들이 직접 해외에 가서 현지 사용자를 방문하는 과정에 대해 소개했습니다. 해외사용자 조사 ..

들어가며 코로나로 인해 우리 생활에서 크고 작은 많은 것들이 변화되었고, 그 변화는 여전히 진행 중입니다. 마이크로소프트의 CEO 사티아 나델라는 최근 “2년간에 가치에 해당되는 디지털 트랜스포메이션을 2개월 사이에 봤다.”라고 말할 정도로 급격하게 디지털 기술들이 우리의 생활 전반에 들어오고 있습니다. 이러한 흐름과 함께 언택트라는 단어도 생긴 지 얼마 안 되었는데 온택트라는 단어가 심심치 않게 보이며 사용되고 있습니다. 언제나 그렇듯 우리나라에서만 쓰이는 새로운 단어는 계속 생겨나지만, 단어 자체를 아는 것보다 이 흐름이 왜 생기며 이러한 단어들을 왜 사용하는지를 아는 것이 중요합니다. 따라서 이글에서는 언택트 그리고 온택트는 무엇인지 그리고 이에 대한 생각을 공유하고자 합니다. 언택트? 온택트? 스..

벽면 가득히 포스트잇을 붙여가며 토론하고 작업하는 모습은 UX 디자인 과정에서 아주 익숙한 풍경입니다. 이번 글에서는 '쉽지만 어려운 포스트잇! 활용'에 대해 이야기하려고 합니다. 물론 포스트잇은 특별한 사용법이나 활용법이 따로 있는 툴이 아닙니다. 단순함이 가장 강력한 장점인 포스트잇에 그런 게 있을 리가 없습니다. 그렇지만 사용자 조사 후 포스트잇을 활용하여 정리할 때, 특히 사용자의 목소리로부터 인사이트를 도출하고자 할 때 알아두면 유용한 몇 가지 팁들을 정리했습니다. 사전 준비 : 사용자 데이터 확보하기 우선 사용자 조사 데이터를 확보해야 합니다. 직접 진행한 인터뷰나 관찰에 의해 얻어진 것이 가장 좋습니다. 직접 조사한 데이터가 없더라도 다른 기관이 조사한 자료나 설문에 의한 사용자의 답변, V..

사용자를 관찰하고 인터뷰하는 이유는 사용자의 문제에 공감하고 이해하기 위해서입니다. 그리고 디자인 과정에서 집중해야 할 문제를 정의하고 해결 방향을 도출하기 위해서입니다. 이 과정에서 우리는 '행동 패턴'이라는 말을 자주 하게 됩니다. 사용자 조사의 목적으로 '사용자의 행동 패턴을 발견하고 이해하기, 이로부터 인사이트를 얻기'라고 명시하는 경우가 매우 많습니다. 처음에는 당연하고 쉽게 생각을 했다가, 고민을 하면 할수록 '행동 패턴'이라는 용어가 낯설고 어렵게 느껴질 때가 있습니다. 행동 패턴이란 무엇이고 왜 중요하며, 어떻게 발견해야 하는 것일까요? 행동 패턴이란 무엇인가? 우선 '패턴(pattern)'이라는 말을 이해해야 합니다. 위키피디아에서는 패턴이란 '예측 가능한 방식으로 반복되는 요소를 지닌 ..

"사용자 입장에서 이건 좀 불친절하게 느껴질 것 같아요" "사용자가 기대한 건 이게 아니라고!" "VOC(Voice of Customer)로 접수된 사항이에요, 이거 꼭 반영되어야 해요" "처음엔 어렵겠지만 한두 번 써보면 익숙해질걸요?" "어떤 (미친) 사용자가 여기서 확인 버튼을 마구 누르면 어떻게 되는 거야?" 디자인 의사결정 과정에 참여해본 경험이 있으신가요? 위와 같은 논의의 경험이 한 번쯤은 있으실 것입니다. 분명히 사용자 또는 고객 입장에서의 디자인 결정을 위한 대화입니다. 그런데 위의 대화 참여자들이 말하고 있는 '사용자(고객)'들은 같은 사람일까요? (잠시 생각해 보시기 바랍니다...) 위의 대화에서는 '사용자가 누구인지, 같은 사람인지 아닌지' 보다는 '요구사항이 무엇인지'에 더 집중하..

뱁새의 말: 안녕하세요? 인턴 뱁새입니다. 웹툰으로 만나 뵙게 되어 반갑습니다. 네이버 도전만화에도 꾸준히 연재할 예정이니, 별점 부탁드립니다! 감사합니다. [참고##웹툰##]

뱁새의 말: 오늘도 열심히 일하시는 모든 분들, 아침 챙겨드시고 든든하게 하루 시작하시길 바랍니다!네이버 도전만화에도 1화가 올라있습니다.별점 부탁드립니다! 감사합니다.('별점'을 누르시면 도전만화 페이지로 이동합니다~) [참고##웹툰##]

뱁새의 말: 모든 에피소드는 실화를 기반으로 제작되었습니다. (저에게 반갑게 인사해 주셨던 그 분을 그리워하고 있습니다... 모두가 친구인 아름다운 세상...) 네이버 도전만화에도 2화가 올라갔습니다. 별점 부탁드립니다! 감사합니다. [참고##웹툰##]