세상의 모든 지식

0. 도입 안녕하세요! 오늘은 React 개발 환경 설치 방법에 대해서 알려드릴까 합니다! (앞으로 리액트 관련 강좌에서 써먹어야 하기 때문이죠!) 저는 요즘 React 개발에 푹 빠져 간단한 것들도 React와 Firebase를 이용해 개발하고 있습니다. 오늘 강의에서는 리액트 프로젝트를 쉽게 설치할 수 있는 도구인 create-react-app과 자바스크립트 프로젝트에서 패키지를 쉽게 관리할 수 있는 도구인 yarn을 설치할 것입니다. 그리고 마지막으로 리액트 프로젝트의 기본적인 구조를 살펴보는 것으로 마무리하겠습니다. 1. Node.js 설치하기 React는 javascript 기반의 프로젝트입니다. React.js 파일을 script 태그로 불러오는 방법도 있지만 이번 포스팅에서는 'create-..

0. 도입 안녕하세요! 개발을 할 때 디자인 시안이 없는 상태에서 작업을 시작하는 것은 무척이나 어려운 일입니다. (물론 디자인 시안이 있어도 그것을 똑같이 구현하는 것은 어렵습니다만.) 그래도 완전한 무에서 유를 창조하는 것 보다는 어느 정도 디자인 틀이 있으면 좋겠죠? 오늘은 디자인 아이디어를 얻을 수 있는 사이트를 몇 곳 알려드리려고 합니다. 1. Uplabs 과거 Material Up 이었던 이 사이트는 제가 가장 많이 사용하는 디자인 사이트 입니다! 웹, iOS, Android, 일러스트, 로고, 애니메이션 등 다양한 분야의 디자인들을 볼 수 있습니다. 그날그날 베스트 디자인들을 메인에서 보여주기 때문에 사이트에 방문해서 둘러보는 것만으로도 눈이 즐거운 사이트입니다. UpLabs의 검색 기능을 ..

0. 도입 프로그래밍 기술이 대세가 되면서 프로그래밍을 배우고 싶어 하는 사람들이 더 많아졌습니다! 프로그래밍에 대한 수요는 앞으로도 꾸준히 증가할 것이기 때문에 프로그래밍을 공부하는 것이 앞으로의 인생에 있어서 절.대. 손해가 될 일은 없을 겁니다. 자, 그러면. 프로그래밍을 배워야 하는데 과연 어떤 것을 먼저 시작해야 할까요? 어떤 언어를 먼저 공부해야 할까요? 오늘은 프로그래밍을 처음 시작하는 사람들은 위한 가이드라인을 제시하려고 합니다. 물론! 이 가이드라인은 저의 주관적인 의견에 따라 작성되었기 때문에 참고해주시고, 다른 사람들이 작성해 놓은 가이드라인도 함께 참고하시면 더 많은 도움이 될 것입니다! 1. 프로그래밍, 왜 공부해야 하는가? 모든 배움에는 이유가 있습니다. 학교에서 가르치는 일방적..

안녕하세요! 저번에 알아본 통합 개발 환경(IDE)에 이어서 이번에는 어떤 텍스트 편집기를 써야 할지! 다양한 텍스트 편집기들에 대해서 알아보겠습니다! 텍스트 편집기(Text Editor)란?텍스트 편집기는 우리가 아는 그 메모장! 이 아니라... (물론 메모장과 비슷한 기능을 합니다만) 코드를 작성하고 syntax highlighting, 자동 완성, 포맷팅 등을 지원하는 개발에 최적화된 기능성 메모장이라고 생각하시면 됩니다! 저번 시간에 알아본 통합 개발 환경과는 비슷하면서도 다른 느낌인데요! 통합 개발 환경은 서버 환경을 생성하고 git 등의 협업 도구라든지, ftp 파일 업로드 등의 다양한 기능을 필요로하는 큰 프로젝트에 많이 사용하는 반면, 작은 프로젝트나 공부를 하기 위해서 가볍게 사용할 수 ..