![]()
Open API를 사용하기 위해, 여러 사이트를 찾아본 경험이 있을거에요. 저도 프로젝트에 필요한 여러 Open API를 찾던 도중, 좋아 보이는 사이트를 발견했습니다! 1. 문화공공데이터광장 문화공공데이터광장 바로가기 문화공공데이터광장 www.culture.go.kr 사이트에 대해 알아보기 전에, **문화공공데이터**가 무엇일까요?문화공공데이터란, 문화체육관광부 및 타 부처, 지자체에서 보유하고 있는 유산, 예술, 체육, 관광, 한글, 문화재 등 다양한 문화 분야의 공공데이터를 의미합니다. 즉 , 정부는 **공공데이터 개방**을 통해 사용자의 창의성 및 혁신적 아이디어와 결합하여, 새로운 비즈니스를 창출할 수 있는 생태계를 구축하고자 하는 것입니다! 2. 사용방법그럼 사용해 봐야겠죠! 사용방법에 대해 ..
![]()
1. API지금부터 REST API에 대해 알아봅시다!그 전에 먼저 API란 무엇일까요?API란? Application Programming Interface의 약자로, 프로그램에서 사용할 수 있도록, 운영 체제 or 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 말합니다. API를 불러오는 과정은 사용자(웹 서비스)가 API에게 정보 요청을 하면, API는 제공자(DB)에게 요청을 전달합니다.그 다음, 제공자가 API에게 데이터를 제공하고 API는 사용자에게 데이터를 전달하는 역할을 합니다.즉, 간단히 말해 클라이언트가 특정 기능을 이용하기 위해 어떤 주소로 요청을 보내면, 서버가 응답을 해주는 체계입니다. 클라이언트 입장에서 요청의 종류는 크게 4가지로 분류됩니다. 이를 합쳐 C..
![]()
Express로 todo 리스트 만들기 3 1. todo 리스트 데이터 생성 이번엔 todo 리스트 데이터를 생성하는 기능을 만들어 봅시다. #1. app.js에 들어가 다음과 같은 내용을 추가해 줍니다. import express from "express"; import cors from "cors"; import mysql from "mysql2/promise"; // DB 설정 // const pool = mysql.createPool({...}); const app = express(); app.use(express.json()); // CORS 미들웨어 추가 app.use(cors()); const port = 3000; // 데이터 조회 // app.get(...); // 데이터 단건조회 //..
![]()
Express로 todo 리스트 만들기 2 1. Express로 todo 리스트 조회하기 이제 todo를 조회하는 기능을 만들어봅시다. #1. VSCode의 터미널에 다음과 같이 입력하여 mysql2를 설치해 줍니다. npm i mysql2 #2. app.js에 들어가서 다음과 같이 입력해 줍니다. import express from "express"; import cors from "cors"; import mysql from "mysql2/promise"; // DB 설정 const pool = mysql.createPool({ host: "localhost", user: "newbean", password: "juv0312", database: "todo_2024_02", waitForConnect..
![]()
Express로 todo 리스트 만들기 1. Express로 todo 리스트 만들기 Express를 사용하여 todo 리스트를 만들어 봅시다! #1. git에 올릴 repository와 작업할 폴더를 만들어 줍시다. (저는 todo-backend-2024-02라고 만들었습니다.) #2. VSCode에 다음과 같이 입력하여, express를 설치해줍니다. npm i express #3. 설치가 완료되었으면, package.json 파일에 다음과 같이 입력하여 import를 사용할 수 있게 설정합니다. { "dependencies": { "express": "^4.18.2" }, "type" : "module" } #2. 그 다음, app.js 파일을 생성한 후, 다음과 같이 입력해 줍니다. import e..
![]()
SourceTree로 원격 브랜치 다루기 1. SourceTree로 레포지터리 연결하기 이번엔 SourceTree로 레포지터리를 연결해 봅시다. #1. GitHub에 들어가서 새 레포지터리를 생성해줍니다. (저는 git-another-study로 설정하였습니다.) #2. 레포지터리 주소를 복사한 후, SourceTree에 들어가 상단 메뉴에 저장소를 누르고 원격 저장소 추가를 클릭합니다. #3. 창이 뜨면, 추가 버튼을 누르고 원격 이름에 origin2, URL / 경로를 전에 복사한 주소를 붙여넣기 합니다. → 그러면 origin2가 추가된 것을 확인할 수 있습니다. #4. 그럼 이제 상단 메뉴에서 Push를 누른 후, origin2로 변경한 뒤, Push 버튼을 클릭해 줍니다. → 그러면 정상적으로 ..
![]()
원격 브랜치 다루기 1. 원격 브랜치 다루기 이번엔 원격에서 브랜치를 다뤄봅시다! 우선 로컬에서 브랜치를 만든 후, 원격으로 push 해봅시다. #1. VSCode의 터미널로 들어가 다음과 같이 입력하여 브랜치를 생성해 줍니다. git branch from-local #2. from-local 브랜치로 변경 후, 다음과 같이 입력하여 원격의 브랜치 명시 및 기본 설정을 해 줍니다. (git push라고 입력하면, 대상을 명시하라는 메시지가 나타납니다.) git push -u origin from-local → GitHub에 들어가서 브랜치를 보면 main과 from-local 2개가 나오는 것을 확인할 수 있습니다. #3. GitHub에서 브랜치를 from-local로 변경 후, jaguars.yaml의..
![]()
Push와 Pull 1. push (원격 커밋 밀어올리기) 깃의 명령어인 push에 대해 알아봅시다. push란? 로컬 저장소에 있는 변경 사항을 원격 저장소로 전송하는 것을 말합니다. 작업한 코드 or 파일 등의 수정 내용을 다른 사람들과 공유하거나, 여러 기기에서 작업한 내용을 동기화하는 데 사용됩니다. 2. 사용방법 그러면 직접 사용해봅시다. #1. bears.yaml의 member에 Park을 추가해주고 다음과 같이 입력하여 커밋해 줍니다. Add Park to Bears #2. git push를 입력하여, 원격 저장소에 넣어줍니다. git push만 입력해도 되었던 이유는 전에 git push -u origin main라고 입력하여, 대상 원격 브런치가 지정되었기 때문입니다. → 그러면 정상적으..
![]()
원격 저장소 사용하기 1. 원격 저장소 사용하기 레포지터리를 만들었으면, 원격 저장소를 사용해봅시다. #1. 우리는 이미 프로젝트 파일이 있으므로, 다음 화면 아래에서…or push an existing repository from the command line 부분을 복사합니다. #2. 작업하고 있는 VSCode에 붙여넣은 다음, 실행합니다. #3. gitHub로 돌아가 새로고침하면, 작업한 파일이 올라간 것을 확인할 수 있습니다. 그렇다면, 복사한 내용은 어떤 것을 의미할까요? git remote add origin "원격 저장소 주소"는 로컬의 Git 저장소에 원격 저장소로의 연결을 추가하는 명령어입니다. 원격 저장소 이름은 흔히 origin을 사용합니다. git branch -M main은 mai..
![]()
GitHub 1. GitHub 이번엔 GitHub에 대해 알아봅시다! GitHub란? 소프트웨어 개발 및 버전 관리 플랫폼으로, 프로그래머들이 프로젝트를 협업하고 소스 코드를 관리하는 데 사용됩니다. Git을 기반으로 하며, 코드를 호스팅하고 공개 or 비공개 저장소(repository)로 관리할 수 있습니다. 2. GitHub 시작하기 그럼 이제 GitHub를 시작해봅시다! #1. GitHub사이트에 들어가서 회원가입 및 로그인을 합니다. 그 다음, Personal access token을 만듭니다. Personal access token란? GitHub API에 엑세스할 때, 사용되는 인증 토큰입니다. GitHub의 인증 및 권한 부여 시스템에 사용되며, 사용자가 API를 통해 GitHub 리소스에 ..
![]()
SourceTree로 브랜치 다루기 1. SourceTree로 브랜치 다루기 이번엔 SourceTree로 브랜치를 다뤄봅시다! #1. SourceTree의 상단 메뉴에 브랜치 버튼을 클릭 후, to-merge, to-rebase 브랜치를 생성합니다. #1. VSCode로 돌아와 main 브랜치에서 Tigers의 manager를 Lee로 바꿔주고 다음과 같이 입력하여 커밋합니다. SourceTree로 커밋하려면, 왼쪽 상단에 커밋을 클릭한 후, 아래에 메시지를 입력한 뒤, 파일을 스테이지에 올리고 커밋 버튼을 클릭하면 됩니다. Edit Tigers manager #2. 그 다음 왼쪽 사이드바에 to-merge를 더블클릭하여 브랜치 변경 후, Tigers의 coach를 Choi로 바꿔주고 다음과 같이 입력하..
![]()
브랜치 간 충돌 1. 브랜치 간 충돌 파일의 같은 위치에 다른 내용이 입력된 상황에서는 어떻게 해야할까요? 한번 알아봅시다. #1. 일단 먼저, 다음과 같이 입력하여 conflict-1와 conflict-2 브랜치를 생성해줍니다. git branch conflict-1 # (2도 동일) #2. main 브랜치에서 Tigers의 manager를 Jeon으로, Bears의 coach를 Choi로, Panthers의 coach를 Lee로 변경한 후, 다음과 같이 커밋 메시지를 입력하여 커밋합니다. git commit -am "Edit Tigers, Bears, Panthers" #3. conflict-1 브랜치로 변경 후, Tigers의 manager를 Jung으로 변경하고 다음과 같이 입력하여 커밋합니다. ..
![]()
merge와 rebase 1. merge 브랜치를 병합하는 merge에 대해 알아봅시다! merge란? 서로 다른 브랜치의 변경 사항을 하나로 통합하는 과정을 의미합니다. 다양한 브랜치에서 개발한 내용을 메인 브랜치로 합치기 위해 merge를 사용합니다. 2. 사용방법 그럼 이제 merge를 사용해봅시다. git merge 브랜치명을 입력하면 됩니다. #1. main 브랜치 상태에서 합칠 대상의 브랜치를 골라 다음과 같이 입력해줍니다. (add-coach를 선택했습니다.) git merge add-coach → 그러면 add-coach 브랜치에서 한 작업이 main 브랜치와 병합하게 됩니다. → 또한, SourceTree에서 보면 합쳐진 것을 확인할 수 있습니다. ※ merge도 하나의 커밋이기 때문에,..
![]()
브랜치(branch) 1. 브랜치(branch) 이번엔 브랜치(branch)에 대해서 알아봅시다! 브랜치란? 코드의 분리된 작업 흐름을 나타내는 것입니다. 각 브랜치는 프로젝트의 기능 or 수정을 담당하는 독립적인 코드 세트입니다. 브랜치를 사용하면, 여러 작업을 동시에 수행하거나 특정 기능을 개발하면서도 기존 코드를 안전하게 유지할 수 있습니다. 2. 브랜치 추가 브랜치를 추가해봅시다. #1. VSCode에 다음과 같이 입력하여, 브랜치를 추가해줍니다. git branch add-coach #2. 터미널에 git branch라고 입력해봅시다. → add-coach가 추가 되었고 main이 현재 브랜치임을 확인할 수 있습니다. 다음과 같이 입력하여, 브랜치를 변경해봅시다. git switch add-co..
![]()
reset과 revert 1. reset reset에 대해 알아봅시다! reset은 Git에서 변경 내용을 되돌리거나 작업 디렉토리를 이전 커밋 상태로 되돌리는 데 사용되는 명령어입니다. reset을 이용하여, 이전 커밋 상태로 되돌아가봅시다! #1. git log를 입력한 후, Add team Dolphins의 커밋 일련번호를 복사해줍니다. (7글자만 복사하여도 가능합니다.) #2. git reset --hard 일련번호를 입력하여, 되돌립니다. → 다음과 같이 Add team Dolphins로 돌아왔다고 나타납니다. → 또한, panthers.yaml이 사라진 것을 확인할 수 있습니다. 2. revert 이번엔 revert에 대해 알아봅시다! revert란 이전 커밋을 취소하고, 그 변경 사항을 새로..
