본문 바로가기

전체 글2572

Repl.it - 레플릿 깃허브 연동하여 가입하기 github 아이디로 연동하여 회원가입 안녕하세요. 고코더 입니다. ● 1. 이번 시간에는 이메일로 가입이 아닌 깃허브를 연동해서 가입하는 방법을 알아보겠습니다. https://repl.it/signup 회원가입 주소로 접속 후에 깃허브 아이콘을 클릭합니다. ● 2. 깃허브에 로그인한 상태라면 아래처럼 연동을 위한 절차가 진행됩니다. 제공될 정보는 아래와 같습니다. "Authorize Repl.it Online IDE"를 클릭합니다. - GitHub ID - 액세스 할 수 있는 리소스 파악 - 활동 내역 - 계정에 이메일 주소 ● 3. 그런데 가져온 ID가 하이픈을 빼고 입력이 됩니다. 깃허브에서는 gocoder-net으로 가입했는데 리플릿에서는 하이픈이 빠진 gocodernet이 되어버렸습니다. 음 이.. 2021. 1. 17.
Repl.it - 레플릿 이메일로 가입하기 repl.it email로 회원가입 안녕하세요. 고코더 입니다. ● 1. 이전 시간에는 레플릿에서 회원가입 없이 코딩을 연습할 수 있는 방법을 배웠습니다. 하지만 다양한 서비스를 만나보고 싶다면 가입하여 사용하시는 걸 추천합니다. ● 2. 사이트에 접속해서 Sign up을 클릭합니다. 혹은 https://repl.it/signup 에 바로 접속하셔도 좋습니다. ● 3. 접속한 후에는 차례대로 정보를 입력합니다. 첫 번째 칸은 이름을, 두 번째 칸은 이메일을, 마지막 칸은 비밀번호를 입력하고 Sign up를 클릭합니다. ● 4. 그럼 바로 사용할 수 있도록 개인 창이 뜨지만 상단 위에는 "Please verify your email. Resend verification link"라며 이메일을 인증하라고 메.. 2021. 1. 17.
Repl.it - 레플릿 회원가입 없이 코딩 연습하기 회원가입 없이 코딩하기 안녕하세요. 고코더 입니다. ● 1. repl.it는 간단하게 코딩을 연습할 수 있기에 좋은 사이트입니다. UI도 좋고 기능도 강력하며 설치도 필요 없습니다. 그런데 홈페이지에서 "Start coding"을 클릭하면 ● 2. 회원가입 창이 나타납니다. 그래서 회원가입이 필수라고 생각할 수 있는데요. 회원을 가입하지 않아도 간단하게 코딩을 연습할 수 있습니다. ● 3. 바로 해당 URL로 https://repl.it/languages/c 접속하게 되면 바로 코딩이 가능합니다. 그리고 여기서 원하는 언어를 선택하면 바로 회원가입 없이 프로그래밍 연습이 가능합니다. 마무리 그래도 회원가입을 해서 사용하는 게 좋습니다. 2021. 1. 17.
Repl.it - 온라인에서 코딩을 할 수 있는 사이트 / Online IDE 온라인에서 프로그래밍을 공부할 수 있는 사이트 안녕하세요. 고코더 입니다. ● 1. 오늘은 온라인 IDE 중에서도 강력한 기능을 자랑하는 사이트를 소개하려고 합니다. "read evaluate print loop"의 약자를 따서 만든 https://repl.it/ 라는 사이트입니다. 온라인에서 설치 없이 바로 코딩을 하고, 실행도 하고, 컴파일도 할 수 있는 최고의 서비스입니다. ● 2. 이 사이트는 페이스북 개발자들이 퇴사해서 만든 스타트업 기업이라고 합니다. Amjad Masad,Faris Masad,Haya Odeh 창립하였습니다. 이들의 목적은 "웹 브라우저에서 코드를 쉽고, 빠르게 작성하여 작성할 수 있도록 하는 것입니다."라고 합니다. ● 3. 이 사이트에서 실행할 수 있는 언어의 수는 현재 .. 2021. 1. 17.
React.js - 배포를 위한 빌드하기 "npm run build" 리액트 배포 파일 만들기 안녕하세요. 고코더 입니다. ● 1. 리액트를 만들면 이것을 배포하여서 서비스를 게시해야 합니다. 아무리 열심히 만들어도 다른 사람에게 보여주지 못한다면 의미가 없습니다. 리액트로 생성한 프로젝트는 간단한 명령어를 통해 빌드하여 배포할 수 있는 버전으로 만들 수 있습니다. 그 방법을 한번 알아보겠습니다. ● 2. 명령 프롬프트로 우리가 만들어놓은 리액트의 폴더로 이동합니다. 그리고 아래와 같은 명령어를 실행합니다. 그럼 알아서 빌드가 진행되고 배포 버전으로 파일들이 만들어집니다. npm run build ● 3. 해당 빌드를 실행하면 프로젝트에 전에 없던 build라는 폴더가 생성됩니다. 이는 말 그대로 빌드된 파일들을 저장하는 폴더입니다. C:\react\hello\build .. 2021. 1. 16.
React.js - 기본 생성된 "package.json" 파일 살펴보기 " 리액트 패키지 환경설정 파일 안녕하세요. 고코더 입니다. ● 1. 이전 시간에 리액트 기본 프로젝트를 생성했습니다. 그리고 폴더의 구조도 알아보았습니다. 하지만 가장 중요한 파일이 있습니다. 바로 패키지 매니저(Package manager)를 통해 설치된 모듈과 스크립트 명령어를 담은 json 파일입니다. 이 파일 하나로 npm 패키지들을 관리할 수 있습니다. 따로 node-modules 파일들을 공유할 필요 없이 package.json만 있으면 필요한 작업환경을 구축할 수 있습니다. ● 2. package.json 파일은 프로텍트 폴더 루트(/)에 위치해 있습니다. 해당 파일을 메모장이나 에디터로 열어보겠습니다 ● 3. 파일의 내용은 이렇습니다. 파일명처럼 json 형태로 되어 있습니다. 해당 프로.. 2021. 1. 16.
한글2014 - 쪽 번호 매기는 방법 한컴오피스 한글 2014 쪽 번호 매기기 기능 안녕하세요. 고코더 입니다. ● 1. 한글을 쓰다 보면은 각 페이지 마다 쪽번호를 매겨야 할때가 있습니다. 이러한 번호는 현재 페이지의 위치를 표시해주는 인덱스 역할을 합니다. 특히 보고서 같은 경우는 이런 옵션이 필수적일 경우가 있습니다. ● 2. 한글을 접속해서 쪽(W)을 클릭합니다. 그리고 나타나는 메뉴에서 "쪽 번호 매기기"를 클릭합니다. ● 3. 그럼 이런 옵션이 나타납니다. 쪽번호를 어떻게 매길 것인지 구체적인 설정이 가능합니다. 만약 기본 설정이라면 페이지마 맨 아래 가운데 "-1-" 이런 식으로 쪽번호가 매겨집니다. 선택을 완료했다면 넣기(D)를 클릭합니다. ● 4. 그럼 페이지에 이렇게 쪽번호가 매겨지는 걸 확인할 수 있습니다. 마무리 쪽 번.. 2021. 1. 16.
티스토리 - 새로운 에디터에서 파일을 첨부하는 방법 Tistory 파일 첨부하기 안녕하세요. 고코더 입니다. ● 1. 티스토리 에디터가 개편되면서 기존의 유저들은 사용법의 조금씩 헷갈릴 수 있습니다. 저도 그런 사람 중에 하나입니다. 하지만 대세를 따라야 하는 만큼 요즘 뉴 에디터를 사용하고 있습니다. 그런데 파일 첨부 아이콘이 어디에도 보이지 않습니다. 조금은 당황스러울 수 있지만 간단한 방법으로 파일을 첨부할 수 있습니다. ● 2. 그저 에디터 원하는 위치에 파일을 마우스로 끌어다 드래그 앤 드롭을 합니다. 이 방법만으로 파일 첨부가 완료됩니다. ● 3. 그럼 이렇게 파일 첨부가 쉽게 완료됩니다. 마무리 새로운 에디터가 사용해보니 좋네요. 2021. 1. 16.
전국 동네서점을 한눈에 알아보는 사이트 - bookshopmap.com 동네서점 위치를 알 수 있는 사이트 안녕하세요. 고코더 입니다. ● 1. 한국에는 많은 수의 다양한 동네 서점이 있습니다. 지역의 특산물처럼 몇 대가 이어져 오는 서점도 많이 있습니다. 저는 여행을 가면 그 지역의 서점에 들러 꼭 책을 사는 편입니다. 그러면 색다른 추억을 남기기도 합니다. 오늘은 우리 일상에서 만나볼 수 있는 작은 행복이 동네 서점의 정보를 알 수 있는 사이트를 알아보려고 합니다. ● 2. 해당 사이트는 동네서점이라는 사이트입니다. 대형서점이 아닌 독립, 인디 서점들의 정보를 모아서 구글 지도 맨 위에서 보여줍니다. https://www.bookshopmap.com/map ● 3. 지역을 선택하면 핀셋으로 동네서점이 있는 곳이 표시됩니다. 그리고 이를 클릭하면 팝업으로 해당 서점에 대한.. 2021. 1. 16.

티스토리툴바