목차 작업 상태에 따른 분류 Working Directory 작업 단계 되돌리기 Staging Area 작업 단계 되돌리기 Repository 작업 단계 1. 작업 상태에 따른 분류 Git에서 되돌리기는 작업 상태에 따라 크게 세 가지로 분류 Working Directory 작업 단계 Staging Area 작업 단계 Repository 작업 단계 Working Directory 작업 단계 Working Directory에서 수정한 파일 내용을 이전 커밋 상태로 되돌리기 git restore Staging Area 작업 단계 Staging Area에 반영된 파일을 Working Directory로 되돌리기 git rm --cached git restore --staged Repository 작업 단계 커..

목차 기본 설정 기본 조작 1. 기본 설정 유저 정보 입력 및 지정된 설정 확인 앞서 git bash 설치를 완료한 후에 컴퓨터에 author 정보를 입력해준다. git config --global user.email "메일주소" git config --global user.name "유저네임" 만약, 현재 폴더 내부만 다른 author 정보를 주고 싶다면 해당 폴더 내에서 --global을 --local로 변경해서 입력하면 된다. git config --local user.email "메일주소" git config --local user.name "유저네임" 지정된 설정 확인 # 1 git config --global -l # 2 git config --global --list # 3 폴더 내부 지역 ..

Git은 분산버전관리시스템(DVCS, Distributed Version Control System)이다. 소스코드의 버전 및 이력을 관리할 수 있다. 목차 설치하기 1. 설치하기 window에서 설치하기 1. Git Bash 설치 파일을 받기 위해 공식 홈페이지(https://git-scm.com/)에서 다운로드 2. 약관 동의하기 3. 설치 경로 지정 4. 컴포넌트 선택 5. 시작 메뉴 폴더 선택 시작 메뉴에 폴더 추가하고 싶지 않으면, 아래 박스 체크 6. 에디터 설정 자주 사용하는 거로 설정 7. Let Git decide 8. Git 커맨드 설정 (기본 선택) 9. HTTPS transprot backend Use the OpenSSL library : OpenSSL 라이브러리 사용, 인증서는 ..

http://www.acmicpc.net/problem/9019 9019번: DSLR 네 개의 명령어 D, S, L, R 을 이용하는 간단한 계산기가 있다. 이 계산기에는 레지스터가 하나 있는데, 이 레지스터에는 0 이상 10,000 미만의 십진수를 저장할 수 있다. 각 명령어는 이 레지스터에 www.acmicpc.net # 조건 네 개의 명령어 D, S, L, R 이용하는 간단한 계산기 레지스터에는 0 이상 10,000 미만의 십진수를 저장 n의 네 자릿수를 d1, d2, d3, d4라고 하자 D는 n을 두 배로 바꾼다. 결과 값이 9999보다 큰 경우 10000으로 나눈 나머지를 취하고 그 결과 값 (2n mod 10000)을 레지스터에 저장 S는 n에서 1을 뺀 결과 n-1을 레지스터에 저장 L은 ..

목차 AJAX 비동기 적용하기 POST 요청 보내기 팔로워 & 팔로잉 수 비동기 적용 좋아요(like) 1. AJAX 비동기 통신을 이용하면 화면 전체를 새로고침 하지 않아도 서버로 요청을 보내고, 데이터를 받아 화면의 일부분만 업데이트 가능 이러한 '비동기 통신 웹 개발 기술'을 Asynchronous JavaScript And XML(AJAX)라 한다. AJAX의 특징 페이지 새로고침 없이 서버에 요청 서버로부터 응답(데이터)을 받아 작업을 수행 이러한 비동기 웹 통신을 위한 라이브러리 중 하나가 Axios 2. 비동기 적용하기 비동기 적용을 위한 준비사항 2가지 M:N 구현한 Django 프로젝트 준비 가상 환경 생성 및 활성화, 패키지 설치 팔로우(follow) 각 템플릿에서 script코드를 작..

목차 콜백 함수 (Callback Function) 프로미스 (Promise) 1. 콜백 함수 (Callback Function) 비동기 처리의 단점 비동기 처리의 핵심은 Web API로 들어오는 순서가 아니라 작업이 완료되는 순서에 따라 처리한다는 것! 그런데 이는 개발자 입장에서 코드의 실행 순서가 불명확하다는 단점이 있음 이와 같은 단점은 실행 결과를 예상하면서 코드를 작성할 수 없게 함 -> 따라서 콜백 함수를 사용하자 ! 콜백 함수란? 특별한 함수가 아니다 ! 다른 함수의 인자로 전달되는 함수를 콜백 함수라고 한다. 비동기에만 사용되는 함수가 아니며 동기, 비동기 상관없이 사용 가능 시간이 걸리는 비동기 작업이 완료된 후 실행할 작업을 명시하는데 사용되는 콜백 함수를 비동기 콜백 (Asynchr..

Axios JavaScript의 HTTP 웹 통신을 위한 라이브러리 확장 가능하나 인터페이스와 쉽게 사용할 수 있는 비동기 통신 기능을 제공 node 환경은 npm을 이용해서 설치 후 사용할 수 있고, browser 환경은 CDN을 이용해서 사용할 수 잇음 https://axios-http.com/kr/docs/intro https://github.com/axios/axios 기본 구조 get, post 등 여러 method 사용가능 then을 이용해서 성공하면 수행할 로직을 작성 catch를 이용해서 실패하면 수행할 로직을 작성 고양이 사진 가져오기 The Cat API (https://api.thecatapi.com/v1/images/search) 이미지를 요청해서 가져오는 작업을 비동기로 처리 re..

목차 동기 비동기 Javascript의 비동기 처리 blocking과 non-blocking 1. 동기(Synchronous) 모든 일을 순서대로 하나씩 처리하는 것 순서대로 처리한다 == 이전 작업이 끝나면 다음 작업을 시작한다. 즉, 함수 A가 B를 호출한 뒤, 함수 B의 리턴값을 계속 확인하면서 신경쓰는 것 B의 리턴값이 필요하다라고 볼 수 있다. 지금까지 작성했던 Python 코드가 작동되는 것이 동기식 이 때, 코드가 아래로 진행되지 못하는 것은 -> block 즉, 요청을 보내고 응답이 올때까지 기다렸다가 다음 로직을 처리한다. 웹에서의 동기 - 확인을 누르기전까지 p태그는 보이지 않는다. 2. 비동기(Asynchronous) 작업을 시작한 후 결과를 기다리지 않고 다음 작업을 처리하는 것 (..

목차 alert prompt confirm 1. alert 이 함수가 실행되면 사용자가 '확인(OK)' 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있는다. 메시지가 있는 작은 창은 모달 창(modal window)라고 부른다. '모달'이란 다어엔 페이지의 나머지 부분과 상호 작용이 불가능하다는 의미가 내포 alert("Hello"); 2. prompt 브라우저에서 제공하는 prompt 함수는 두 개의 인수를 받는다. result = prompt(title, [default]); title = 사용자에게 보여줄 문자열, default = 초깃값(선택값) 함수가 실행되면 텍스트 메시지와 입력 필드(input field), 확인(OK) 및 취소(Cancel) 버튼이 있는 모달 창의 띄워준다. promp..