반응형 프론트엔드 개발자, 디자이너의 협업과 태도 빠르면 이번달, 다음달부터 디자이너와 협업이 시작될 것 같다. 나는 항상 디자이너와 협업을 어떻게 하는지 궁금해했다. 프론트엔드 개발자는 디자이너, 백엔드 개발자와 의사소통을 할 상황이 많다는 것을 자주 보았다. 특히 '디자이너와 협업은 어떤식으로 진행이 될까?'라는 궁금증이 컸다. 하얀 백지인 상태에서 디자이너와 협업할 상황에 직면하게 되면 우왕좌왕 할 것이 뻔하기 때문에..😵 주말을 활용해 프론트엔드 개발자는 디자이너와 어떻게 협업을 하는지, 그리고 가져야할 태도에 대해서도 알아봤다. 현업에서는 디자이너, UX 디자이너가 대략적인 프로토타입 버전을 개발팀에 전달 해준다 디자인에서는 담을 수 없는 반응형, 에러처리, 로딩상태 등은 개발팀에서 피드백을 많이 준다 적극적으로 빠진 부분이 무엇인지, 어떻게 .. 2021. 12. 11. PostCSS로 모듈화 사용하기 이젠 CSS도 모듈화를 한다..? 자바스크립트로 게임을 만들 때 js 파일을 모듈화 한 적이 있고 리액트도 컴포넌트별로 파일을 나눈다. 토이 프로젝트 수준인데도 불구하고 CSS를 작성할 때마다 조금만 스타일을 추가해도 코드 줄이 길어지고 주석을 추가하고, cmd+f로 클래스 이름을 찾는 나 자신을 보게 되었다. 그런 와중에 리액트를 배우면서 create-react-app으로 프로젝트를 하게 되었고 PostCSS가 기본 탑재 되어있단 것을 알게 되었다. 그럼 예제를 통해 이제 왜 CSS도 모듈화를 하는지 알아보자! 버튼은 두개로 하겠습니다. 근데 이제 서로 다른 스타일을 곁들인 import React from 'react'; import Button1 from './ components/button1'; .. 2021. 4. 4. 검은화면에 글자 나타내기 17분 동영상을 2시간만에 완성했지만 체감은 17분이었다. 역시나 인터렉티브 개발자 김종민님 유튜브를 보고 따라쳤고, 화면에 글자가 나오는 순간 정말 희열을 느꼈다. 쓰다보니 코드가 상당하다. 따라치면서도 '오, async?! promise?!' 라고 혼자 신기해하면서 즐겁게 따라했다. CSS는 거의 건들지 않고 자바스크립트만으로 저런 결과물이 나온다는게 다시봐도 신기하다. 금방 끝날 줄 알고 잠깐 쉴 겸 시작했는데 어느새 밖은 밤이 되었다. 쉴 때나 심심할 때 게임하듯이 코딩도 할 수 있구나 싶었다. 이제 다시 공부하러 가야겠다. 2020. 11. 6. Interactive Developer 유튜버 Interactive Developer 김종민님을 아시나요? 이 분 영상을 유튜브 알고리즘에 의해 보게 됐는데 굉장히 창의적이고 능력자이십니다. 좋은 말씀도 많이 하시고 호감형이셔서 계속 영상을 보다가 "나도 한 번 만들어보고 싶다."란 생각을 하게 되었습니다. 그래서 바로 실행해봤습니다. 하지만 현재 공부하고 있는 것도 많고 전문적으로 배우기엔 집중하기 어려울 것 같아서 하루에 조금씩 토이 프로젝트식으로 따라치려고 합니다. 정말 따라치기만 했습니다. 근데 정말 재밌었습니다. 이게 그려지는게 신기하고 힐링하는 기분이었어요. 앞으로도 꾸준히 따라쳐보고, 만들어보고 할 생각입니다. 나중엔 이걸 모아서 웹 페이지를 하나 만들어봐도 재밌을 것 같네요. 취미가 헬스밖에 없었는데 김종민님 덕분에 코딩도 취미가 될 .. 2020. 11. 6. 이전 1 2 다음 반응형
