깃허브에 리포지토리 안만든 상태에서 로컬에서 프로젝트 생성했을때 : 깃허브에서 새 리포지토리 생성 (임의로 만든 프로젝트랑 똑같이 이름 설정하는게 좋음) git init : 현재 있는 경로에서 모든 파일을 깃으로 버전 관리를 하겠다 ls -al : 아래 .git이 생김 + 옆에 메인 브랜치 표기 + 변경 사항 표기 git add . : 스태이지 올림 git commit -m " " gir remote add origin 깃허브 주소 git remove -v 하면 현재 리포지토리 확인 가능 git push -u origin main : 올라감 다른 사람이 올린 깃허브 파일 불러오기 (클론) : git bash 열어서 어디에 파일 만들건지 이동 git clone 깃허브주소 하면 클로닝 인투 뜨면서 진행 cd..

0. Node.js란? 서버 측 자바스크립트 런타임 환경 확장성 있는 네트워크 애플리케이션 (특히 서버 사이드) 개발에 사용되늰 소프트웨어 플랫폼 브라우저 밖에서도 자바스크립트 사용 가능 자바스크립트 실행 엔진으로 구글 크롬에서 사용하는 V8 엔진 탑재 ▶ 실행 속도 빠름 단일 스레드 이벤트 루프, 비동기 I/O 모델 사용 ▶ 가볍고 효율적 + 높은 처리 성능 내장 HTTP 서버 라이브러리 포함 ▶ 웹 서버에서 별도 소프트웨어(ex. 아파치 등) 없이 동작 가능 NPM 패키지 매니저 : 세계에서 가장 큰 오픈 소스 라이브러리 ★ 런타임 runtime = 실행시간 컴퓨터 프로그램이 실행되고 있는 동안의 동작을 의미 컴퓨터 언어 안에 쓰인 프로그램을 관히라기 위해 특정 컴파일러 혹은 가상 머신이 사용하는 기..

0. Process (프로세스) 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램 운영체제로부터 시스템 자원을 할당받는 작업의 단위 즉, 동적인 개념으로는 실행된 프로그램을 의미 각각 독립된 메모리 영역을 할당 / 별도의 주소 공간에서 실행 ▷ 한 프로세스가 다른 프로세스의 변수나 자료구조에 접근 불가 ▷ 다른 프로세스의 자원에 접근하기 위해선는 프로세스 간 통신을 사용해야 함 (ex. 파이프, 소켓, 파일 등을 이용한 통신 방법 사용) 기본적으로 프로세스당 최소 1개의 스레드 (메인 스레드) 가짐 1. Thread (스레드) 프로세스 내에서 실행되는 흐름의 단위 하나의 프로세스에는 n 개의 스레드 존재 한 프로세스 내에서 동작하는 여러 실행의 흐름 ▷ 프로세스 내의 주소 공간이나 자원을 같은 프로세스..

[ IP ] 1. IP란? 인터넷상에서 데이터를 주고 받기 위한 통신 규약 스마트폰, 컴퓨터, 운영체제, 프로그램에 따라 각각 구현된 언어가 다름 ▷ 네트워크에서 통신할 수 있도록 프로토콜 (공통된 통신 규약)이 필요 프로토콜을 국제적으로 표준화하기 위한 ISO 위원회 -> OSI 7계층 中 3계층 ip 2. IP 주소 IP 통신에 필요한 고유 주소 (Adress) 인터넷에 연결되어 있는 모든 장치들 (컴퓨터, 서버 장비, 스마트폰 등)을 식별할 수 있도록 각각의 장비에 부여 데이터를 주고 받기 위해 사용되는 주소 ※ [윈도우 기준] CMD 창에서 ipconfig 라는 cli 명령어를 통해 IPv4 주소 확인 가능 2.1 IPv4 IP version 4 일반적으로 많이 사용하는 IP 주소로, 먼저 등장 ..

[ 서버 ] 1. 서버란? 사전적 의미: 서버 [ Server ] 1. 테니스, 탁구, 배구 등 서브를 하는 쪽, 혹은 그 사람 2. 음식물을 제공하기 위해 사용하는 도구 3. 네트워크에서 다른 컴퓨터나 소프트웨어와 같은 클라이언트에게 서비스를 제공하는 컴퓨터 '제공한다'라는 뜻을 가진 'serve' + 사람이라는 뜻을 가진 'er'을 붙인 단어 웹 서비스는 클라이언트 (Client), 서버 (Server), 데이터베이스 (Database)로 구성 클라이언트 : 사용자가 보는 부분 서버 : 클라이언트에서 사용자가 요청한 자료를 DB에서 가져와서 다시 클라이언트 사용자에게 제공/응답 데이터베이스 : 요청한 자료(리소스)를 저장하고 있는 역할 쉽게 이해하기 위해 실생활에 접목해서 생각을 해본다면, 클라이언트..

0. 미디어 쿼리란? Media Query 반응형 웹을 디자인할 때, 접근하는 기기에 따라 다른 스타일을 적용해주어야 하는데, 이때 활용할 수 있는 스타일 시트 단말기의 유형 (출력물 vs 화면)과, 어떤 특성 혹은 수치(화면 해상도, 뷰포트 너비 등)에 따라 웹 사이트나 앱의 각각의 스타일을 설정할 때 유용 미디어 유형과 미디어 특성을 기반으로 동작 1. 미디어쿼리 작성 방식 1.1 link 요소 사용 요소에 사용하게 되면, 특성이 조건에 맞을 때, css 파일을 불러오게 됨 media 속성의 "screen and (max-wodth: 768px)"의 의미 : 미디어 타입 : screen / 화면의 최대 너비 : 768px로 지정 => 화면의 너비가 768px 이하 일 때 적용되는 것 1.2 @medi..