본문 바로가기

분류 전체보기65

즐거운 퍼블리싱과 안즐거운 git 한주간 디자인과 퍼블리싱을 진행했다. 디자이너를 구했고, 함께하는 프론트엔드가 웹퍼블리셔 출신이라 초안이 빠르게 나왔다. 그리고 바로 퍼블리싱에 들어갔다. 기다림의 미학 디자이너가 디자인할 때까지 기다릴 순 없어 웹 퍼블리셔 출신 프론트엔드가 먼저 작업한 초안을 기준으로 퍼블리싱을 시작했다. 초안인 만큼 어떻게 다듬어질지 알 수 없어 윤곽만 먼저 구현하는 형태로 진행하기로 했다. 이때 한 가지 몰랐던 사실은 디자이너가 전적으로 디자인을 전담하는 게 아니라, 웹퍼블리셔 출신 프론트엔드 분이 초안을 잡고 디자이너가 일과시간 이외에 시간을 쪼개어 다듬어주는 과정이었다는 것. 팀프로젝트인 만큼 서로 할 부분을 나누고 시작했으나, 이 부분 인지하지 못해 웹퍼블리셔 출신 프론트엔드가 디자인하며 퍼블리싱하는 동안 나.. 2022. 11. 8.
팀프로젝트 시작 배움의 시간을 마치고, 프론트엔트로서 첫걸음을 떼었다. 물론 취업했단 소리는 아니다. 백엔드와 팀을 이뤄 함께 프로젝트를 시작했다는 의미다. 백엔드 3명과 프론트엔드 2명. 모두 같은 부트캠프 출신으로 같은 공간에서 약 한 달간 프로젝트를 진행한다. 아이디어 같은 부트캠프 출신이다보니 팀프로젝트에서 하고 싶은 아이디어를 미리 생각해온 사람들이 있었다. 필자도 그 중 하나였다. 필자가 낸 아이디어는 농사사이트다. 전국 농민이 키우고있는 재배종류를 실시간으로 기록하는 웹으로, 매년 인기 있는 품종으로 몰려 다음해 값이 폭락하는 현상을 조금이나마 줄일 수 있지 않을까 싶어서 제안했다. 더불어, 유명인이 주최하는 공동구매 플랫폼, 건강과 인생 등 본인 관리하는 통합관리 플랫폼, 목표 설정 후 도달하기까지 도와주.. 2022. 10. 31.
HTTPS vs HTTP 개발자에게 http와 https 중 고르라고 한다면 100명 중 100명은 https를 선택한다. 이는 보안이 걸린 문제이기 때문이다. 보안 걱정 없는 사이트라면 http도 문제없지만, 로그인 기능 등 개인 정보가 들어간다면 개발자는 여지없이 https를 채택할 테다. http는 무엇이고, https는 무엇이 다른 지 살펴보자. HTTP http는 hyper text transfer protocol의 약자로, 국문으론 하이퍼본문전송규약으로 부른다. 하이퍼는 직역하지 않는 이유는 여기서 hyper는 이동의 의미를 갖기 때문일 듯하다. 다시 말해 www상에서 정보를 주고받는 약속을 뜻한다. 유럽 입자 물리 연구소의 팀 버너스 리가 속한 팀에서 HTML과 텍스트 기반 웹 브라우저 기술을 발명했고, 여기에 ht.. 2022. 10. 27.
Domain, DNS, Hosting 도메인(domain)과 디앤에스(DNS), 그리고 호스팅(Hosting). 아마 이 세 가지는 사용자가 웹을 접속해 자료를 받는 짧은 순간을 모두 압축한 조합이라 볼 수 있다. Domain 도메인은 영도 혹은 분야, 영역 등의 의미를 갖고 있는 단어다. 다만 웹에서는 인터넷 주소이란 의미로 확장되었다. 도메인은 일반 사용자가 웹을 접속하는 데 편리함을 가져다 준다. 우리가 www.naver.com 으로 네이버를 접속하고, www.daum.net 으로 다음을 접속할 수 있다. 그러나 이곳에 들어온 분들 중 이 두 사이트의 IP주소를 알고 있는 사람이 있으신가? 아마도 없을게다. 000.000.000.000 같이 이런 복잡하고 어려운 숫자 모음을 굳이 외울 필요가 없으니까. 이렇게 도메인은 표면적으로 도메인.. 2022. 10. 27.
memoization(feat. useMemo, useCallback) 메모이제이션(memoization)은 동일한 계산을 반복해야 할 때 이전에 계산한 값을 메모리에 저장해 동일한 계산의 반복 수행을 제거함을 뜻한다. 이는 프로그램 실행 속도를 빠르게 하는 기술이며, 복잡한 문제를 간단한 여러 문제로 나누어 푸는 동적 계획법의 핵심이 되는 기술로 알려져 있다. 리액트에서 메모이제이션은 최적화의 동의어다. 처음 렌더링 후 다음에 리렌더링 되었을 때 값이 바뀌지 않았다면 다시 계산해 새로 그리지 않고 기존 값을 그대로 내놓기 때문. 컴퓨터가 다시 계산하지 않고 바로 결과값을 나타내니 사용자 입장에선 굉장히 빠른 피드백을 받는 듯하다. 리액트 훅 useMemo를 통해 간단히 살펴볼 수 있다. const aaa = Math.random(); console.log(aaa); con.. 2022. 10. 26.

티스토리툴바