분류 전체보기
✍️ 코로나19 실시간 현황 사이트를 모아보자
✍️ 코로나19 실시간 현황 사이트를 모아보자
2020.02.23코로나 19로 다들 혼란스러운 가운데, 누구보다 빠르고 정확한 정보를 받기 위한 우리나라 국민들의 요구에 맞춰서 다양한 코로나19 관련 사이트들이 나오면서 때아닌 코로나 해커톤이 벌어지고 있다. 많은 개발자분들이 고생해서 좋은 사이트들이 정말 많이나왔는데, 그 중 괜찮았던 몇 가지를 소개해보고자한다. 질병관리본부 질병관리본부 정부 웹사이트로 현재는 코로나바이러스감영증-19(COVID-19)라는 사이트로 변경되어있다. 실시간 코로나19 현황 및 이동경로 데이터가 올라온다. 국내현황, 해외현황 설명을 지도와 함께 표시한다. 아래 소개할 개인들이 만든 사이트의 국내현황은 여기에 올려진 자료를 토대로 만들어진다. 제공 정보 국가별 감염 현황 확진환자 이동경로 링크 질병관리본부 코로나바이러스감영증-19 현황 확진..
내가 쓰고 싶은 데이터 오픈 API에서 찾아보자!
내가 쓰고 싶은 데이터 오픈 API에서 찾아보자!
2020.02.16👋 들어가며 최근 오픈 API를 정리하는 오픈소스 프로젝트 public-apis-korea를 만들고 있다. 기존에 있는 public-apis를 번역만 하자는 생각이었는데, 제대로 정리된 곳도 없는 것 같고, 국내에서도 네이버나 카카오등에서 제공하는 오픈 API가 많아지면서 좀 더 욕심내보기로 했다. 아무튼 이 프로젝트를 진행하면서 공부한 API가 무엇이지 그리고 여러 오픈 API를 제공하는 서비스에 대해서 알아보고자 한다. 🤔 API란? Application Programming Interface의 약자로 운영체제와 응용프로그램 사이의 통신에 사용되는 언어나 메시지 형식을 말한다. 즉, 어플리캐이션의 프로그래밍을 위한 인터페이스라 할 수 있다. 여기에서 API는 사람을 위한 인터페이스가 아닌 프로그래밍을..
🤔 데이터 3법이 뭐길래?
🤔 데이터 3법이 뭐길래?
2020.02.08데이터 3법이란? 데이터 이용을 활성화하는 개인정보 보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률(약칭 : 정보통신망법), 신용 정보의 이용 및 보호에 관한 법률(약칭 : 신용정보법) 등 3가지 법률을 통칭한다. - 정책위키 우리는 4차 산업혁명 시대를 살고 있다. 4차 산업형명 시대에서는 데이터가 핵심 자원으로 데이터 이용의 활성화를 통한 인공지능(AI), 인터넷기반 정보통신 자원통합(클라우드), 사물인터넷(IoT) 등의 신산업 육성이 국가적 과제로 대두되고 있는 상황에서 신기술을 활용한 데이터 이용이 필요하다. 그러나 산업의 발전 속도가 너무 빨라서 그럴까? 법이 산업 발전 속도를 따라가지 못해, 법이 기술 발전을 저해하는 장애물이 되곤했다. 그러다 보니 규제의 차이가 곧 기술의 차이로 이..
[Blu-ray] < 카메라를 멈추면 안돼! >
[Blu-ray] < 카메라를 멈추면 안돼! >
2020.02.01블루레이가 도착했다! 태풍이 심했던 날 아트나인에서 진행했던 감독 참여 GV, DVD에 블루레이까지 주는 플레인 아카이브의 혜자 패키지의 마지막 피날레 누가 보면 공포영화인 줄 알겠다... 이 영화를 본 사람이라면 잊을 수 없는 퐁! 장면을 형상화한 퐁! 뱃지다. 이걸 뱃지로 낼 줄이야
하루 아침에 코드가 꼴도 보기 싫어졌다 : 개발자 번아웃
하루 아침에 코드가 꼴도 보기 싫어졌다 : 개발자 번아웃
2020.02.01👋 들어가며 평소처럼 유튜브를 보다가 흥미로운 영상을 발견했다. 바로 개발자 번아웃 대처방법의 모든 것 - 노마드코더 Nomad Coder! 이 영상을 보고 생각해보니 나에게도 개발자 번아웃이 찾아왔던 암흑의 시기가 있었다. 그리고 의도한 건 아니였지만 나름의 방식으로 번아웃을 극복했었다. 이번 글에서는 위 영상을 나의 경험이 섞어서 글로 정리해보고자 한다. 🔥 개발자 번아웃? 많은 개발자들이 직면하는 문제 중 하나로 주니어, 시니어를 가리지 않고 나타난다. 일반적인 번아웃 증후군의 의미가 그러하듯 코딩을 하면서 정신적으로 매우 극한에 상황에 놓여서, 개발과 관련된 아무것도 하기 싫은 상황을 의미한다. 언제나 즐거웠던 코딩이 더 이상 즐겁지 않고, 개발에 대한 열정도 사라지고, 코딩 자체가 무척 하기 싫..
20.01.27
20.01.27
2020.01.28
[Next.js] 공유된 컴포넌트 사용하기
[Next.js] 공유된 컴포넌트 사용하기
2020.01.21이 글은 Next.js의 공식 튜토리얼을 번역한 글입니다. 오역 및 오탈자 발견시 댓글로 제보해주시면 감사하겠습니다. Next.js는 결국 페이지라는 것을 알 것입니다. 리액트 컴포넌트를 내보내고 해당 컴포넌트를 pages 디렉토리 안에 넣으면 페이지를 만들 수 있습니다. 그 결과로 파일명에 기반한 고정된 URL을 얻을 수 있습니다. 내보내진 페이지들은 자바스크립트 모듈이기 때문에, 다른 자바스크립트 컴포넌트도 불러올 수 있습니다. 무슨 자바스크립트 프레임워크를 쓰던지 이와 같은 기능을 기대할 것입니다. 이번 수업에서 우리는 공통된 헤터 컴포넌트를 만들고 여러 페이지에서 이를 사용할 것입니다. 마지막으로는 레아아웃 컴포넌트를 구현하고 이것이 어떻게 여러 페이지가 어떻게 보일 지를 정하는 데 도움을 줄 것..
[Next.js] 페이지 간 이동하기
[Next.js] 페이지 간 이동하기
2020.01.20이 글은 Next.js의 공식 튜토리얼을 번역한 글입니다. 오역 및 오탈자 발견시 댓글로 제보해주시면 감사하겠습니다. 이제 간단하게 Next.js 앱을 생성하고 실행하는 법은 알 것입니다. 이 앱은 오직 하나의 페이지를 가졌지만, 우리는 가능한 많은 페이지를 추가할 수 있습니다. 예를 들어, pages/about.js에 다음과 같은 내용을 추가하여 "About" 페이지를 생성할 수 있습니다. export default function About(){ return( This is the about page ); }이제 http://localhost:3000/about 페이지에 접근할 수 있을 것입니다. 다음으로는 이 페이지들을 연결해야하는데, 우리는 HTML의 태그를 사용해왔습니다. 그러나 클라이언트 사이..
[⚛React] React Element, React Component 그리고 JSX
[⚛React] React Element, React Component 그리고 JSX
2020.01.19⚛ React Element type과 props를 가지는 React의 객체 React 라이브러리에 있는 React.createElement(...)를 이용하여 만들 수 있으며 type으로 HTML 태그 이름을 가지고 그 이외의 특징을 props로 관리하는 객체 형태로 정의된다. // createElement를 이용해서 React Element 만들기 React.createElement( 'div', { className: 'name' }, 'React' )// createElement를 이용해서 만들어진 React Element 객체 { type: 'div', props: { className: 'name', children: &#..
[Next.js] Next.js 시작하기
[Next.js] Next.js 시작하기
2020.01.15🤔 Next.js란? 단일 페이지의 자바스크립트 애플리케이션을 만드는 것이 꽤나 어려운 일이라는 것을 다들 알고 있을 것이다. 다행히도, 우리에게는 다양한 선택지의 프레임워크와 라이브러리가 있다. 그럼에도 불구하고 원하는 애플리케이션을 만들 수 있기까지는 상당한 러닝커브가 있다. 우리가 배워야 할 것들은 CSR(Client Side Rendering), 페이지 레이아웃, API 등이다. 그것만 있는가? 특정 페이지는 SSR(Server Side Rendering)이 필요할 수 있다. 따라서 우리는 더 간단하지만, 수정하기 쉬운 어떤 것이 필요하다. PHP를 이용했을 때, 웹 앱이 어떻게 만들어지는 지 생각해보자. 파일을 만들 것이고, PHP 코드를 작성하고, 간단하게 배포하면 된다. 라우팅에 대해서 그렇..
🍿 2019년 올 해의 영화
🍿 2019년 올 해의 영화
2020.01.11👋 들어가며 2020년에 2019년의 나의 영화 이야기를 하려한다. 2017년에 정점을 찍고 매년 영화를 볼 시간이 점점 줄어 올 해는 VOD 포함 약 40편의 영화밖에 보지 못했다. 그래도 그 안에서 양질의 영화들을 찾은 한 해였다. 🍿 2019년 올 해의 영화 가버나움 가버나움은 당시 활동하던 익스트림 무비라는 사이트에서 주최한 시사회를 통해 보게 된 영화이다. 당시 난민관련해서 국 내외로 굉장히 이슈가 되고 있던 상황이었는데, 이 영화를 통해 해당 문제의 심각성을 몸소 느꼈다. 실제 난민들을 캐스팅하여 정말 있는 그대로를 보여주는 영화의 전개가 인상깊었다. 영화를 볼 때만 해도, 굉장히 사실적으로 그려졌네 생각했다가. 주인공 자인을 연기한 소년이 실제 난민이었다는 엔딩 롤을 보고 한 방 얻어맞은 기..
[HTML] 🤔 HTML이란?
[HTML] 🤔 HTML이란?
2020.01.11🤔 HTML이란? HTML은 웹페이지를 만들기 위한 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 다음과 같은 특징을 가지고 있다. HTML은 태그를 통해 웹 페이지의 구조를 알려준다. HTML은 다양한 요소들로 이루어져있다. HTML은 브라우저에게 어떤 것이 보여질 지를 알려준다. HTML은 태그를 통해 표현된다. HTML 태그는 머릿말, 문단, 표 같은 것들을 라벨링한다. 📄 간단한 HTML 문서 첫 머릿말 첫 문단 해당 문서의 의미는 다음과 같다. 라는 선언은 해당 문서가 HTML5라는 것이다. 요소는 HTML 페이지의 root 요소이다. 요소는 문서에 대한..