Jveloper

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. 글 작업은 파일이 왔다갔다하면서 첨삭을 하고 글의 흐름이 어떤식으로 이..

Typescript를 선택한 이유 코드스테이츠에서 이머시브 코스를 수강하는중에는 Javascript 언어를 기반으로 학습했습니다. 저는 Java나 C++ 처럼 타입을 선언하는 정적 타입 언어를 경험하고싶은 욕구가 있었습니다. 우연히 Typescript에 대해서 알 수 있는 기회가 있었고 궁금증을 가지게 되었습니다. Javascript와 Typescript의 차이점은 무엇일까? 에 대해서 직접 두가지 방식을 사용하여 차이점을 몸소 느껴보고 싶었습니다. 그것이 이전 프로젝트에서는 Javascript를 사용하고, 이번 프로젝트에서는 Typescript를 사용한 이유입니다. Typescript란? Typescript Typescript는 MS에 의해 개발 / 관리 되고 있는 오픈소스 프로그래밍 언어입니다. 대규..

fetch할때 JSON.stringify와 JSON.parse는 왜 해야할까?(AJAX, XML, JSON) 필요한 데이터만을 웹서버에 요청에서 받은 후 클라이언트에서 데이터에 대한 처리를 할 수 있다는 이러한 이유로 자바스크립트는 비동기로 이루어져있기 때문에 XML 혹은 JSON 을 사용한다 JSON.stringify와 JSON.parse는 JSON이라는 큰 테두리안에서 작동하는 메소드들이다 그렇다면 XML과 JSON 은 어떤 차이를 가지고 있을까? XML의 단점을 보완한 JSON이 많이 쓰이는 추세 참고자료 : https://usbs.tistory.com/entry/XML-JSON-%EA%B0%84%EB%8B%A8%ED%95%9C-%EB%B9%84%EA%B5%90-%EB%B6%84%EC%84%9D