반응형

웹개발 123

노마드코더 Typescript 무료 강의 내용

데브리입니다. 이제 가능하면 새로운 프로젝트를 만들 때 자바스크립트가 아닌 타입스크립트를 쓰고 싶은데 맛보기로 무료 강의를 찾아보다가 노마드코터 니코쌤 무료 강의가 있어서 듣게 되었어요. 그야말로 맛보기로 들었고, 뒤에 어려운 부분은 흘려들었지만 타입스크립트가 처음이신 분들은 한번쯤 들어보셔도 좋을 것 같네요. 아직 어떤 type이 될지 모를 때 let a: unknown; if(typeof a === "number"){ let b = a + 1 } if(typeof a === "string"){ let b = a.toUpperCase(); } void 아무것도 return하지 않는 functionfunction hello(){ console.log('x') 마우스오버하면 function hello():..

공기질 악화에 대처하는 북미 테슬라 운전자들 (캐나다 대형 산불 영향)

최근 캐나다 곳곳에서 발생한 사상 최악의 대형 산불로 인해 알버타, 퀘백, 온타리오주는 물론이고 뉴욕 하늘까지 오렌지 빛으로 물든 뉴스를 많이 보셨을텐데요. 6월 8일 기준으로 한국 면적의 40%에 해당하는 국토가 소실되었습니다. 문제는 퀘백주 일부 산불은 진화되었지만, 아직도 133개의 산불을 끌 인원과 장비 부족으로 인해 속수무책으로 바라만 보고 있고, 미국과 유럽, 호주, 뉴질랜드, 남아프리카공화국 등에서 소방관을 파견할 예정이라고 하네요. 이런 시기에 Tesla가 다시 주목받고 있는 이유가 있는데, 그건 바로 Tesla 운전자들이 테슬라 일부 모델에 장착된 생화학 무기 방어모드(bioweapon defense mode)를 사용해서 오염된 대기로 부터 벗어나고 있기 때문입니다. Tesla에서 201..

[유데미] Daniel Walter Scott의 Figma UI UX Design Essentials

데브리입니다. 지난달부터 갑자기 UI UX에 관심이 많아지기도 했고, 일하는데 도움도 될 것 같아서 유데미에서 Figma 수업을 수강했어요. 한동안 유튜브에서 UI 디자인 수업을 랜덤으로 찾아봤었는데 아무래도 유데미처럼 온라인 수업으로 딱 정리된 게 저는 집중해서 따라가기 더 좋더라구요. 유데미에서 UI UX 디자인을 검색해서 나오는 강의들 중에 가장 인기가 많고 리뷰도 좋은 Daniel Walter Scott의 수업으로 골랐습니다. 총 수업시간 : 11.5 (하루 1-3시간 정도씩 투자해서 수료하기 까지 10일 정도 걸렸어요.) 좋았던 점 : 따라하기 쉽게 꼼꼼하게 잘 설명해주는 편이고, 섹션마다 과제가 있어서 배운 내용을 꼭 복습하게 된다는 것. 아쉬웠던 점 : dad jokes. 깔끔하게 잘 정리된..

[유데미] Figma UI UX Design Essentials 수업 내용

가상의 페르소나를 만들 수 있는 사이트 Random Project Generator https://randomprojectgenerator.com/ Wireframes - 다운로드 받을 수 있음 Free icons 다운받을 수 있는 사이트 icon finder https://iconfinder.com png vs svg 차이? png: 크게 확대하면 깨짐, 큰 사이즈로 받을 경우 파일 사이즈가 큼 svg: 깨지지 않고 파일 사이즈가 작음. Figma에서 vector 파일로 분리해서 컬러를 바꿀 수도 있음. 2. figma community 거의 무료버전이고, Fig pick이면 괜찮은 퀄리티 duplicate - detach instance Plugins 활용할 것 Testing a prototype o..

[UI/UX] UI/UX Design 폰트, 사이즈, 컬러 참고

1. mobile font font-size mobile: 12px 이상 / 24px 이상 desktop: 16px default font size (1em) text-align 3줄 이상 넘어가면 text-align: left가 가독성이 좋음. font-family 통일감 있게 1, 2가지만 사용할 것 font-weight 2-3가지만 써도 충분. 넘어가면 복잡해 보임 font color 폰트 컬러는 접근성 4.5:1 이상? (Contrast Ratio 인가?) 브랜드 컬러로 강조하는 건 좋지만, 너무 여기저기 쓰지 않도록 절제하는 것이 중요 2. button font-size 16 px 손가락 굵기를 생각해서 여백은 넉넉하게 계층 구조: 강-중-약 (중요도에 따라 계층 구조를 나눔: 로그인, 예약하기..

[개발자 성장기] 커리어 관련 업데이트 5월편

현재 진행 중인 프로젝트 1. 쇼피파이 작년 말부터 진행 중이고 제가 한국에 가있던 두달 동안은 참여를 안했지만 여전히 프로세스가 너무 더딘 프로젝트. 지난달엔 거의 마무리 단계라는 이야기를 들었는데, 갑자기 theme을 바꾸는 바람에 제가 몇 달간 집중해서 작업했던 부분이 쓸모없게 되어버렸어요. 직접 클라이언트와 대화할 수 있는 프로젝트가 아니고 전달해주는 내용을 받아서 수정만 하는 입장이라 구체적인 진행 상황도 파악할 수 없고, 진척이 없어서 여러모로 답답하긴 하지만 그래도 이 프로젝트 덕분에 처음으로 쇼피파이를 다뤄볼 수 있었기에 배우는 입장으로 긍정적인 부분만 보려고 노력 중입니다. 2. 리액트 booking system 프론트엔드 개발자로 참여중이고 곧 UI가 완성될 예정이라 오랜만에 리액트를 ..

[UI/UX] How to choose a theme colour for UI/UX design

When determining the theme color for UI/UX design, there are several factors to consider. The theme color will play a significant role in establishing the overall look and feel of the design, as well as conveying the desired emotions and enhancing usability. Here's a step-by-step guide to help you determine the theme color: 1. Understand the project and target audience Start by gaining a thoroug..

5월 공부 - 개발 / 디자인 / 영어

목표 최신 트렌드 파악하기 전반적인 이해력 향상시키기 디자인 감각 키우기 단어 공부 읽은 아티클 - Something Pretty Right: A History of Visual Basic https://retool.com/visual-basic/ Something Pretty Right: A History of Visual Basic | Retool How Visual Basic became the world’s most dominant programming environment, its sudden fall from grace, and why its influence is still shaping the future of software development. retool.com - Best UX P..

[UX] Best UX Practices for 이커머스 UX Shopping Cart

카트 넣은 아이템을 유저가 마지막 결제 단계 전 변심으로(혹은 다른 추가하고 싶은 상품이 있어서) 카트 페이지를 떠나면, 자동으로 쇼핑카트에 담긴 아이템들이 싹 비워지도록 만들어달라는 요청을 받았다. 쇼피파이 뿐만 아니라 아마존이나 다른 큰 이커머스 웹사이트를 참고하면 알 수 있듯이 카트에 든 상품은 심지어 다른 웹사이트를 둘러보고 와도 한동안은 남아있어야 하는 것이 구매 가능성을 높이는 데 도움이 되는데, 이 클라이언트는 user experience에 대한 이해가 부족하다. 내 개인 클라이언트는 아니고, 팀에서 받은 클라이언트라 내가 직접 대화하지는 못하지만 도움이 될까봐 쇼핑카트 UX 디자인에 대한 글을 찾아보다 그 이유를 잘 설명해주는 아티클을 발견했다. 해당 내용만 요약해서 전달해주고 싶었는데 이..

반응형