안녕하세요 :) 손누누입니다. 이번 글은 웹사이트와 모바일 앱 제작 기획에 대하여 전반적으로 이야기를 나누어 보고자 합니다. 웹사이트와 모바일 앱, IT 계열 쪽으로 취업을 하게 되면 부서가 크게 기획 / 디자인 / 개발로 나누어집니다. 웹사이트, 모바일 앱이 만들어지는 과정도 이와 크게 다를 게 없습니다. 진행되는 과정은 기획 / 디자인 / 개발 순으로 진행됩니다. 순차적으로 일이 진행되기 때문에 만들고자 하는 웹사이트나 모바일 앱에서 기획이 먼저 시작되고, 그 기획을 바탕으로 디자인과 개발이 진행됩니다. 실무를 나가게 되면 기획이 없는 직장을 마주할 수 있습니다. 이는 앞으로 만들고자 하는 웹사이트나 모바일 앱에 대한 방향성이 부재됨을 의미합니다. 방향성의 부재는 목적지를 잃고 이리저리 길을 돌아다녀..
[세계 시간] Unix Time, UTC, GMT, KST
UTC, 협정 세계시 - 1972년 1월 1일부터 시행된 국제 표준시입니다. - UTC는 그리니치 평균시(GMT)에 기반하므로 GMT로도 불리기도 하는데, UTC와 GMT는 초의 소숫점 단위에서만 차이가 나기 때문에 일상에서는 혼용되어 사용됩니다. ※ 기술적인 표기에서는 UTC가 사용됨 Unix Timestamp - Unix time 은 POSIX 시간이나 Epoch 시간이라고 부르기도 합니다. - 1970년 1월 1일 00:00:00 협정 세계시(UTC) 부터의 경과 시간을 초로 환산하여 정수로 나타냅니다. const date = new Date(); console.log(date.getTime()); // 10600604706391 GMT, 그리니치 표준시 - GMT(Greenwich Mean Tim..
[네트워크] 02. 디지털 데이터
Why So Serious? Just For Fun. No Fun No Gain. 저번 포스팅에서는 네트워크란 무엇이고, 네트워크 간의 통신을 하기 위해서 사용되는 패킷이라는 것을 알아보았습니다. 네트워크는 "여러 장비들이 연결되어 데이터도 통신하고, 웹도 보여줄 수 있고, 메일도 송수신할 수 있는 등 다양한 기능을 가지고 있는 것"이며 패킷은 "네트워크의 대역폭을 효율적으로 사용하기 위해 큰 데이터를 바로 송신하고 않고 작게 나누어 송신하게 되는데 이때 작게 나눈 조각"을 나타내는 말입니다. 자세한 설명은 하단의 포스팅에 적혀있습니다. [네트워크] 01. 네트워크와 패킷 Why So Serious? Just For Fun. No Fun No Gain. IT 업계에 종사한 지 얼마 되지 않았지만 네트워크..
#2 nunu company First Project
'쉽게 외우는 구구단' 을 동영상으로 사용하는 방법을 익혀볼까요? play.google.com/store/apps/details?id=com.ehsehsl.ggd 쉽게 외우는 구구단 - Google Play 앱 귀여운 캐릭터 친구를 선택하고 구구단을 간단하게 앱으로 공부해볼까요? 언제 어디서나 앱으로 공부해요~ 하루에 2분! 틈날 때 하다 보면 구구단이 저절로 외워질 거예요! 학습방법 먼저 귀여�� play.google.com
#2 nunu company First Project
토이 프로젝트를 진행하게 된 계기에 대해서 1)-1 첫 프로젝트에 시작은 아마 저의 늦둥이에서부터 시작되었을지도 모릅니다. 저의 늦둥이는 올해 초등학교 2학년입니다. 코로나 19로 인해 초등학교를 가지 못하고 온라인으로 수업을 듣게 되었습니다. 매일 휴대폰과 태블릿으로 유튜브를 시청하면서 구구단을 못 외우고 있는 모습을 바라보면서 걱정이 들었습니다. 그러던 중 구구단을 학습하는 반응형 웹사이트와 앱을 제작해보면 어떨까 싶어 토이 프로젝트를 진행하게 되었습니다. 1)-2 카카오톡 오픈 채팅방에서 웹과 앱을 공부하는 방을 운영하면서 새벽마다 잠을 이루지 못한 2명의 개발자분을 보게 되었습니다. 수수님과 땅콩님이었습니다. 그때 저는 취업을 준비하는 상황이었고 저 또한 밤낮이 바뀌어 있었던 상황이었습니다. 서로..
[Next.js] getStaticProps와 getServerSideProps
Next.js 9.3 미만 버전에서 SSR(Server Side Rendering), SSG(Static Site Generation)를 적용하기 위해서는 getInitialProps 메소드가 활용되었습니다. getInitialProps를 통해 서버에서 미리 필요한 데이터들을 패칭 후 html 파일에 렌더링하고 클라이언트에 전송하여 SEO를 향상할 수 있었습니다. Next.js 9.3 이상 버전부터 SSR, SSG를 지원하기 위한 새로운 메소드가 등장하였습니다. getStaticProps, getServerSideProps 입니다. Next.js 공식 문서에도 getInitialProps 대신 getStaticProps와 getServerSideProps을 사용할 것을 권장하고 있습니다. 1. getSt..
[네트워크] 01. 네트워크와 패킷
Why So Serious? Just For Fun. No Fun No Gain. IT 업계에 종사한 지 얼마 되지 않았지만 네트워크라는 단어를 들으면 자연스레 LAN과 WAN 등의 단어가 떠오릅니다. 구글링을 해봐도 대부분 "컴퓨터 네트워크"에 대한 내용만 나오는 것을 보면 저만 겪는 현상은 아닌 듯합니다. 컴퓨터와 긴밀한 세상이기에 겪는 현상이지만 본래 네트워크란 단어는 컴퓨터 간의 연결만을 뜻하는 것은 아닙니다. 네트워크의 어원은 Net과 Work의 합성어로 그물을 짜는 행위를 가리키는 명사에서 임의의 연결망을 지칭하는 용어로 범위가 확장된 단어입니다. 그렇기 때문에 인적 네트워크, 물류 네트워크, 교통 네트워크 등 다양한 분야에서 네트워크라는 단어를 사용하고 있습니다. 앞으로 포스팅하게 될 내용은..
[Github] Github Organization 계정을 만들어 봅시다.
여러 명이 프로젝트를 관리하는데 사용되는 공통 그룹 계정을 Organization 이라고 한다. 팀 프로젝트를 진행할 때 카테고리/그룹화 하기 좋다. Organization 계정의 예시로 “perl” 이나 “rails” 같은 오픈소스 그룹이나 “google” 이나 "facebook" 같은 회사가 사용한다. 1) Organization 계정 생성하기 Organization 계정을 생성하는 것은 굉장히 쉽다. GitHub 페이지 오른쪽 상단 “+” 아이콘을 클릭하고 메뉴에서 “New organization” 을 선택하면 된다. Organization 생성 버튼 클릭시 Choos a plan 선택 페이지로 이동된다. 총 3개의 plan을 선택할 수 있으며 팀 상황에 맞는 plan을 선택한다. 2) Organi..