일상 생각
-
[번역] 영국 정부의 디지털 서비스 설계 원칙일상 생각 2021. 1. 20. 09:56
Government Design Principles The UK government's design principles and examples of how they've been used. www.gov.uk 1 니즈분석 : 사용자에게 필요한 것에서 시작하라. (Start with user needs) 서비스 디자인은 사용자의 니즈를 정의하는 곳에서 시작한다. 사용자의 니즈를 모른다면 올바르게 만들 수 없다. 가정하지 말고, 리서치하고, 데이터를 분석하고, 사용자들과 이야기해라. 사용자들과 공감을 하되, 사용자들이 요청하는게 실제로 원하는게 아닐 수 있음을 명심해라. 2 포지셔닝 : 우리만 할 수 있는 것에 집중하라. (Do less) 정부는 정부만이 할 수 있는 일에만 집중해야한다. 어떤 업무를 잘 수..
-
React 프로젝트 기획/개발 흐름 요약일상 생각 2021. 1. 10. 13:46
0. 어플리케이션의 목적 / 컨셉 정의하기 1. 기능 정의하기 어플리케이션에 어떤 기능이 있어야하는지 정의한다. 2. 플로우차트 그리기 어떤 화면이나 기능이 어떤 논리적인 순서로 유저에게 노출되는지를 플로우차트를 통해 정의한다. 3. 컴포넌트 설계하기 어떤 컴포넌트가 필요할지 생각한다. 4. 와이어프레임 그리기 컴포넌트의 적절한 배치를 구상한다 5. UI 만들기 사용자에게 보이는 UI를 먼저 만든다. 6. API 연동하기 API 연동이 필요할 경우 필요한 코드를 준비한다. 7. 상태 관리하기 리덕스, 컴포넌트 자체 상태등을 관리하고 필요하면 Container Component를 만든다. +@ 리액트 공식 문서 - 리액트로 사고하기 ko.reactjs.org/docs/thinking-in-react.html
-
우아한 테크코스 3기 프론트엔드 프리코스 후기일상 생각 2020. 12. 14. 19:17
저는 지금 우아한테크코스 프론트엔드 프리코스 과정 중에 있습니다. 프론트엔드는 이전 기수가 존재하지 않아서 많이 기대도 되고 걱정도 되었는데, 진행을 하면서 얻은 경험을 공유하고자 합니다. 어둠 속 걷기 프리코스 과정을 한 마디로 요약해보라면, 어둠 속 걷기라고 표현하고 싶습니다. 보통 기존의 평가는 과제물을 제출하면 그에 대한 평가가 바로바로 주어지는데요. 우아한 테크 코스의 프리코스는 그렇지 않습니다. 제출을 하면 그에 대한 채점, 평가나 개인 피드백을 받을 수 없습니다. 제출 후에 피드백이 주어지긴 하나 이는 참가자 전원에게 보내지는 공통 피드백입니다. 이를 적용하려면 자신의 상태가 어떤지 파악을 해야합니다. 3주를 진행하면서 막막함을 느낀 것은 저뿐만이 아닐 것이라고 확신합니다. 믿을 수 있는 것..
-
10월 - C작업, 개선하기일상 생각 2020. 10. 19. 00:23
ABC작업 김창준 님의 저서 '함께 자라기'에 A, B, C작업이라는 개념이 등장합니다. 작업을 구분하기 위해 A, B, C 세 층위로 분류한 것인데 이를 간단하게 설명하면, A작업은 원래 조직이 하기로 예정되어 있는 일입니다. 자동차 공장이라면 자동차를 만드는 일입니다. B작업은 A작업을 개선하는 일입니다. 자동차를 더 잘 만들기 위한 노력입니다. C작업은 B작업을 개선하는 일입니다. 개선하는 일을 개선하는 노력입니다. B, C작업이 없는 A작업의 반복은 후퇴만을 불러올 뿐입니다. 근래에 저는 학교에 복학했고, 기업과의 협업 프로젝트에 교육생으로 참여하게 되었고, 학생들이 모인 협동조합에서 쇼핑몰을 만드는 프로젝트를 시작하게 되었습니다. 인터넷으로 수업을 들으면서, 어느새 밀린 과제를 해결하고, 협동조..
-
[CSS] Margin Collapsing일상 생각 2020. 8. 30. 13:40
웹페이지를 작성할 때 별다른 설정을 주지않았다면 작성한 요소들은 위에서 아래로 쌓여서 보여집니다. 이 요소들을 분리하기 위해 각 요소에 margin이라는 속성을 주어 요소 간에 거리를 둡니다. 수평일때는 문제가 되지 않습니다. 하지만 요소가 위아래, 수직관계일 때 때때로 원하는 만큼 margin값이 적용되지 않는 현상을 목격할 수 있습니다. div태그 두 개가 있다고 가정합니다. 상단에 위치한 요소에 above 클래스를, 하단에 위치한 요소에 bottom클래스를 할당해주었습니다. .above { margin: 30px 0; } .bottom { margin: 20px 0; }위의 요소에는 30px의 margin 값을, 아래의 요소에는 20px의 margin값을 할당해주었습니다. 그렇다면 우리는 총 50p..
-
Git을 다루는 Workflow: Gitflow, Github flow, Gitlab flow일상 생각 2020. 8. 30. 13:36
여러 명이서 협업 프로젝트를 진행하다보면 필연적으로 Git을 사용하게 됩니다. 그렇게 Git을 사용하다보면 일관된 방식으로 사용하는 규칙의 필요성을 느끼는 순간이 오는데, 이러한 개발자들을 위해 Gitflow, Github flow, Gitlab flow등의 워크플로우 전략이 제시되었습니다. 이번 글에서는 위 workflow전략 중 주로 Gitflow의 개념에 대해 알아보도록 하겠습니다. 그리고 말미에는 Gitflow의 대안으로 제시된 Github flow와 Gitlab flow에 대해 간략하게 알아보겠습니다. Gitflow Gitflow는 가장 최초로 제안된, 그리고 가장 유명한 Git 워크플로우입니다. Gitflow는 브랜치 전략에 있어서 다른 워크플로우들보다 엄격합니다. 때문에 이 워크플로우는 대규..
-
React와 Vue.js를 비교해보자일상 생각 2020. 8. 26. 11:23
웹 개발을 배우는 학습자 입장에서 프론트엔드 프레임워크를 선택해야하는 상황은 필연적으로 찾아옵니다. 선택을 해야하는 입장에서 어떤 프레임워크를 선택하면 좋을지 2020년 현재 가장 인기있는 프레임워크인 React와 Vue.js를 알아보고 비교하는 시간을 가져보도록 하겠습니다. 공통점 Virtual DOM 활용 반응적(reactive)이고 조합 가능한 컴포넌트 사용 코어 라이브러리에만 집중하고 있고 Vuex, Redux 등등 라우팅 및 전역 상태를 관리하는 라이브러리 존재 사실 이 둘은 차이점도 있지만, 많은 공통점도 갖고 있습니다. 근래에는 어떤 프레임워크가 혁신적인 기술을 도입하면, 이후에 다른 프레임워크가 해당 기술을 차용하는 모습을 보여주고 있는데요. 따라서 프레임워크의 고유한 철학 아래 만들어진 ..