프론트엔드5 프론트엔드 개발과 디자인 사이 - UX 엔지니어 UX 엔지니어라고? 흔한 용어는 아니지만 짐작은 가지 않는가? 이름으로 미루어보아 대략 UX 디자인과 프론트엔드 개발이 연관돼 있을 것 같다. 그게 맞다. UX 엔지니어는 디자인과 엔지니어링의 가교 역할을 하는 프론트엔드 개발자다. 이를 처음 접하게 된 것은 구글 UX 엔지니어 김종민님 덕분이다. 유튜브에서 그의 작업물을 접한 날은 머리를 한대 얻어맞은 기분이었다. 웹으로 이런 것까지 가능하구나, 이런 사람도 있구나 지평을 열어준 계기였다. 터치 디자이너(TouchDesigner)라는 소프트웨어로 인터랙티브한 애니메이션을 만든 경험이 있다. 사용자의 터치, 움직임 등의 인터랙션이 디자인을 완성시키고 동적으로 만드는 것은 참 매력적이다. 그렇지만 당시 나는 개발을 막 시작한 초심자로써 배워야 할 것들이 많.. 2022. 10. 14. 프론트엔드 개발 알쓸신잡 팁모음 data-* HTML의 커스텀 데이터 속성이다. "data-"로 시작하는 속성은 user agent(브라우저)에서는 무시된다. 자바스크립트에서 참조하려면 .dataset을 사용한다. Hidden input 사용자에게 보이지 않는 input이다. form 태그 안에서 추가적인 정보를 submit해야 할 때 사용한다. 2021. 3. 8. String 알고리즘 문제 with JavaScript function vowels(str) { let counter = 0 for (const char of str.toLowerCase()) { if ('aeiou'.includes(char)) counter++ } return counter } 거꾸로 뒤집기 스트링을 거꾸로 출력하기 ("apple" → "elppa") #1 reverse() function reverse(str) { return str.split('').reverse().join('') } #2 for-of loop function reverse(str) { let reversed = '' for (const char of str) { reversed = char + reversed } return reversed } #3 reduce().. 2020. 12. 21. 02. 프론트엔드 신입 개발자 취업, 포트폴리오 구상부터 지난 4개월간 공부는 열심히 해왔는데 막상 포트폴리오를 만들자니 막막합니다. 뭐든 입문자에게는 앞서간 분들의 수기와 경험담이 유용한거 같습니다. 저도 종종 유튜브와 구글 검색으로 다른 사람들 이야기를 찾아보곤 하는데요. 오늘은 아래 글을 발견했습니다. 저와 같은 신입 개발자, 비전공자라는 점이 와닿았어요. www.inflearn.com/pages/weekly-inflearn-14 [주간 인프런 #14] 신입 개발자 포폴로 취업하기 - [주간 인프런 #14]인프런이 만난 사람 - 김병욱 ‘꼭 만들어야 할까?’ 🤔시간이 많이 들 것 같아 망설여지는 포트폴리오 제작. 쉽고 멋지게 만든 포트폴리 www.inflearn.com 눈여겨본 내용을 몇 가지 추려봤어요. 포트폴리오에 내 이야기 녹여내기 (내 경험, 개발.. 2020. 12. 18. 이전 1 2 다음