Jveloper

UI(User Interface) 디자인 사용자와 모바일 앱(또는 웹) 사이의 인터페이스 즉, 레이아웃과 구조, 색상과 모양 등 시각적인 것 사용자가 제품을 어떤 방식으로 이용하도록 만드느냐를 디자인하는것입니다. 즉, 겉으로 시각화되는 작업이라고 보면 됩니다. 사용자가 실제로 마주하게 될 디자인, 레이아웃 등을 아우르는 개념입니다. 디자인의 구성요소인 폰트, 칼라, 줄간격 등 상세한 요소가 포함됩니다. 선물의 포장 UX(User Experience) 디자인 모바일 앱(또는 웹)에 무엇이 담겨야 할지 전반적으로 구상하고 정보를 수집하여 설계하는 모든 단계 쉽게 말해 사용자 경험을 의미합니다. 통계자료 및 데이터를 기반으로 앱을 사용하는 사용자들의 특성을 분석하여 상황과 시점에 맞게 변화해야 합니다. 사용자..

프레임워크란 소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 일련의 협업화된 형태로 클래스들을 제공하는것. 쉽게 풀어보면 밑바닥부터 하나하나 개발하는게 아니라 화면에 표현되거나 데이터를 처리하는 방식, 외부 모듈과 연계하는 방식 등 미리 구조화된 틀과 라이브러리 등을 제공하고 그 기반에서 개발자가 개발한 코드를 제어하는것을 의미한다고 볼 수 있습니다. 프레임워크의 장점 1. 개발 생산성이 획기적으로 좋아집니다. 프레임워크는 컴포넌트, 통신 처리, 데이터 처리 등 개발에 필요한 다양한 기능 등을 미리 제공합니다. 이를 잘 활용하면 백지상태에서 개발하는 방식에 비해 개발 생산성은 좋을 수 밖에 없습니다. 2. 코드품질이 향상됩니다. 프레임워크는 개발자가 반복적인 작업에서 실수하기 쉬운..

Component는 각 부분을 재사용 가능한 조각으로 UI를 나눈것과 같습니다. React에서의 Component는 자바스크립트 함수와 같다고 볼 수 있습니다. Component는 Input으로 Props를 받고 화면에 표시할 Element를 반환합니다. 컴포넌트화로 인해서 코드가 많아지고 계층구조가 복잡해질 수 있지만, 그로인해 얻는 이점인 분할된 기능들에 대한 관리나 재사용성이 매우 높아진다는점이 장점입니다. 정리 - 기능을 단위별로 캡슐화하는 리액트의 기본단위 - 사용자가 보는 뷰는 이 컴포넌트들을 조합해서 만듦 - 자바스크립트 함수 혹은 클래스이며 내부적으로 각자의 상태를 관리함

Cookie란 클라이언트 대한 정보를 사용자의 로컬에 보관하기 위하여 클라이언트 웹 브라우저로 전송하는 정보입니다. 쉽게 말해 통행증을 뜻하고, 여기에 데이터를 저장하게 되면 트래픽이 증가할 수 있습니다. Local Storage와 Session Storage는 Web Storage의 일종으로 Cookie와의 가장 큰 차이점은 Web Storage는 서버에 클라이언트에 대한 데이터를 저장하지 않으며 자기 로컬에만 저장을 해두고 해당하는 key값의 value값들을 비교 및 유지합니다. 그 중 두개의 Storage의 차이점은 Local Storage는 클라이언트에 대한 정보를 영구적으로 보관하며, Session Storage는 세션이 종료되면 클라이언트에 대한 정보를 삭제합니다. * Web Storage란?..

만약 커밋 번호를 알고 있다면 원하는 브랜치에 해당하는 커밋내용만 반영, 업데이트 할 수 있습니다. 이런 목적으로 cherry-pick을 많이 사용합니다. 예를 들어 branchA에서 커밋한 내용 중 커밋 하나만 branchB에 반영하고 싶은 경우가 cherry-pick 사용에 좋은 예 입니다. cherry-pick은 언제 사용할까? 아직 기존의 Pull Request가 merge가 안된경우 cherry-pick을 사용하여 현재 branch에 반영한뒤 계속해서 필요한 작업을 이어나갈 수 있습니다. 만약 cherry-pick을 사용하지 않는다면 complick가 발생되기 때문입니다. cherry-pick은 왜 사용할까? cherry-pick이 없다면 최소1개의 파일에서 변경된 부분을 branch에 있는 코..

반응형 웹의 등장 배경 최근 다양한 모바일 기기가 보급되면서 하나의 사이트를 만들더라도 데스크탑 / 모바일 폰 / 타블렛 PC 등 서로 다른 해상도를 가진 디바이스들을 고려하지 않을 수 없게 되었습니다. 데스크탑 하나만 보더라도 와이드의 고해상도 디스플레이가 확산됨에 따라 많은 사이트들이 기존의 1024x768 크기를 넘어 점차 사이즈를 키워가고 있는 추세이지만 그렇다고 하나의 해상도에만 맞춰 사이트를 제작하기도 어렵습니다. 이렇듯 N-Screen의 시대로 불리는 다양한 디바이스의 해상도에 맞춰 사이트의 레이아웃을 변환하는 이슈에 맞춰 등장한것이 반응형 웹입니다. 반응형 웹이란? 반응형 웹이란 HTML5의 "미디어 쿼리"를 이용하여 하나의 소스로 제작된 컨텐츠가 데스크탑에만 국한되지 않고 타블렛 PC, ..

HTML이란? HTML은 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류입니다. 즉, 인터넷 창 화면에 나타나는 글씨나 링크나 이미지를 보여주는 기본적인 역할을 하는 언어입니다. 지금 보이는 블로그도 그 기본 바탕에는 HTML로 이루어져 있습니다. HTML5란? HTML5는 HTML의 새로운 버전으로 Client Side Technology 기술의 중심이되는 마크업 언어입니다. 가장 특징적인것은 기존의 웹 문서에서는 HTML만으로 웹 서비스를 구성하는것이 불가능하였지만, HTML5로 넘어오면서 클라이언트와 서버와의 통신이 가능해지며 이에 대한 부가기능을 제공함으로써 다른 외부 pulg-ins를 사용하지 않고도 웹 서비스를 제공할 수 있을정도로 많은 기능이 추가되었다는것입니다. 대표적..

Q. 어떻게 펀딩에 도전하게 되었나요? A. 사업을 운영하는 친구의 제안, 새로운 도전에 대한 열망, 금전적인 부분에 대한 충족 이런것들로 인하여 펀딩에 도전하게 되었습니다. 펀딩도 하나의 프로젝트이기 때문에 그 과정속에서 힘든부분도 있었고 배울점도 있었는데 이런부분에 대해서 얘기들을 담담하게 풀어써보려고 합니다. Q. 프로젝트 진행은 어떤식으로 이루어졌나요? A. 프로젝트를 진행하기 위해서는 글 작업, 사진 촬영 작업, 웹디 작업 그 외에도 가격책정, 제품셀렉 등등 신경써야될 부분이 많았습니다. 모든작업은 크몽을 통해서 전문가를 알아보고 전문가와 끊임없는 소통을 통해 전문가와 원하는 결과물의 갭을 맞춰나가는 과정을 겪었습니다. 1. 글 작업은 파일이 왔다갔다하면서 첨삭을 하고 글의 흐름이 어떤식으로 이..