더 알아보기166 Git / Github Git : 프로젝트의 버전 관리를 위한 도구이다. 1. 버전 관리를 할 수 있다. 2. 작업 단위 나누기 3. 협업해서 하나의 프로젝트를 만드는 데 유용하다. 실제 회사에서는 Git+Github 혹은 Git+프로젝트 관리 도구를 조합해서 사용하는 경우가 대부분이다. 다른 개발자들이 만든 프로젝트를 조회 할 수도 있다. -> 좋은 프로젝트를 볼 수 있다는 장점이 있다. 다른 프로젝트를 많이 읽는 것이 가장 중요하다. 깃은 버전 관리를 하는 것 깃헙은 이 버전 관리 한 것을 공유하는 작업이다. - pull은 원격 repo에서 로컬 repo에 당겨 오는 것(branch를) - push는 로컬 repo에서 원격 repo에 반영 하는 것(branch를) 내 코드가 담겨 있는 곳 -> 로컬 repo남들과 공유하는 .. 2021. 11. 1. JWT(Json Web Token) 인증 방식 JWT 기반 인증 (JSON Web Token)이란 인증에 필요한 정보들을 암호화 시킨 토큰을 의미한다. JWT 기반 인증은 쿠키/세션 방식와 유사하게 JWT 토큰(Access Token)을 HTTP 헤더에 실어 서버가 클라이언트를 식별한다. 1. HTTP 특성 : HTTP는 인터넷 상에서 데이터를 주고 받기 위한 서버/클라이언트 모델을 따르는 프로토콜이다. 클라이언트가 서버에게 요청을 보내면서버는 응답을 보냄으로써 데이터를 교환한다. HTTP는 비연결성과 무상태성이라는 특징을 가지고 있다. HTTP는 요청에 대한 응답을 처리하게 되면 연결을 끊어버린다. 따라서 클라이언트에 대한 이전의 상태 정보 및 현재 통신의 상태가 남아 있지 않는다. 서버가 다수의 클라이언트와 연결을 계속 유지한다면, 이에 따른 자.. 2021. 11. 1. 자바스크립트 동작원리 코드를 잘 짜고 싶으면 문법도 중요하지만 동작원리를 배우면 코드가 좀 더 매끄러워 질 수 있다. 웹브라우저 동작원리를 왜 알아야 하는가? : 내가 짠 자바스크립트 코드를 브라우저가 실행 해주기 때문에 자바스크립트는 코드를 위에 적든 밑에 적든 빠른 것 부터 실행한다. -> 병렬 처리가 가능하다. (이상한 소리) -> 병렬 처리 못함 -> 이유는 동작원리를 배우면 알 수 있다. 자바스크립트 동작원리 브라우저는 내가 짠 코드를 실행 시켜주는 엔진이다. 자바스크립트에서 Stack은 하나 밖에 없고 코드를 한 줄 씩만 해석 해서 실행 시킬 수 있다. -> single threaded setTimeout과 같은 코드는 Stack에서 실행하지 않는다. 처리가 오래 걸리는 코드는 잠시 대기실에 넣어 놓고 남은 코드를.. 2021. 10. 31. 웹 신기술 WebAssembly WebAssembly란? : 기존의 브라우저는 HTML, CSS, JS 언어만 해석 할 수 있었지만 2017년 부터 WebAssembly 기능이 여러 브라우저에 공식적으로 추가가 되면서 브라우저가 지원하는 언어가 4개가 된 것이다. (HTML, CSS, JS, WebAssembly) WebAssembly는 새로운 언어가 아니라 브라우저에서 실행 가능한 새로운 파일 형식이다. WebAssembly 파일 확장자는 .wasm이고 브라우저는 .wasm 실행 가능하다. 프로그래밍 언어가 아니라 .wasm 파일을 만들어서 작성하고 그런 거 잘 안하고 평소에 쓰던 프로그래밍 언어들을 .wasm 형식으로 변환(컴파일)이 가능하게 된 것이다. 특징 1. 빠른 초기 실행 2. Optimizing 많이 됨 3. Optimi.. 2021. 10. 31. 구글링 잘하는 방법 7가지 코딩애플님 영상을 보던 중 구글링 팁이 있어서 정리 해보았다!!! 구글링 잘하는 방법 7가지 1) 내가 뭘 모르는 지 질문부터 한다. A. 문법을 모른다. B. 라이브러리 사용법을 모른다. 결과 1 : React 공식 설명서(API 스펙 문서) -> 설명이 너무 어려움 결과 2 : 일반인이 알려주는 블로그(초보에게 추천) C. 그냥 만드는 법을 모른다, 처음이다. -> 세개 중에 하나 선택해서 검색하면 된다. 2) 영어로 검색한다. (영어를 모르면 번역이라도 해라) : 한국어 문서는 내 생각을 정리하려고, 공부한 내용을 정리하려고 쓰는 경우가 많기 때문에 영어로 검색하는 것이 원하는 자료를 얻기에 더 좋다. 3) 구글 검색 문법 - "따옴표 안에 적으면" 정확히 일치하는 문장을 검색 할 수 있다. -> .. 2021. 10. 31. README 작성 가이드 1주차 프로젝트 진행 후 README를 작성해야 한다고 해서 미리 README가 무엇이고 어떻게 작성하면 좋을 지 찾아보았다. README란? : 프로젝트에 대한 간단한 설명을 담고 있는 문서 일반적으로 git에 들어가면 가장 먼저 보이는 main page를 의미한다. -> readme 이런 readme 파일은 일반적으로 markdown 문법으로 작성한다.(확장자는 md) -> readme를 작성 한다는 것은 프로젝트를 문법화 시키는 작업이다. -> readme를 작성하면 나중에 코드를 봤을 때 이해하기 쉽고 다른 사람들이 봤을 때 가독성을 올릴 수 있다. - README 개념 설명 / 작성해야 하는 내용 정리 https://otugi.tistory.com/172 README 작성 가이드 README란?.. 2021. 10. 31. API(Application Programming Interface) API(Application Programming Interface) : 한 프로그램에서 다른 프로그램으로 데이터를 주고 받기 위한 방법 (식당 메뉴판) 여기서 방법은 그냥 코드이다. 임의로 코드를 짜놓고 메뉴판처럼 API를 유저에게 알려주면 된다. 유저도 코드를 작성 해야 웹툰을 볼 수 있음 요청을 하는 코드 -> 대표적으로 브라우저가 있음 (주소창에 주소를 입력해서 enter를 치는 자체가 코드이다.) API 종류 - public API : 누구나 사용가능한 공개 API - private API : 사내에서 몰래 쓰는 API - partner API : 미리 정해둔 놈만 쓰는 API 모든 프로그램은 API를 가질 수 있음 Windows API : 윈도우 운영체제 기능들 사용 가능한 API Databa.. 2021. 10. 29. 디렉터리와 터미널 디렉터리 = 폴더 : 파일 분류를 위해서 붙이는 이름을 가진 공간 디렉터리 계층 구조 - 전체 디렉터리의 구성 - 나뭇가지처럼 뻗어 나가는 트리 구조 디렉터리 경로 : 디렉터리가 위치한 곳을 나타내는 주소 1) 절대 경로 - 디렉터리가 위치한 곳을 나타내는 가장 디테일하고 정확한 주소 - 현재 위치해 있는 곳과 상관없이 늘 같은 의미를 가짐 - C:/Program Files/Adobe 2) 상대 경로 - 디렉터리가 위치한 곳을 현재 위치를 기준으로 설명하는 것 - 현재 위치해 있는 곳에 따라서 동일한 표현도 다른 의미 가능 터미널 - 옛날에는 지금처럼 마우스도 없고 방향키도 없었다. - 마우스로 하는 작업들은 옛날부터 있던 기능을 더 편리한 사용자 경험으로 제공하는 것이다. - 컴퓨터와 키보드로써 소통하.. 2021. 10. 29. 할 일 목록 띄워주는 사이트 혼자 공부하는 자바스크립트 책 공부 할 때 나왔던 예제인데 따로 배웠던 기능들을 활용해서 새롭게 만들어 본 기능이다. https://blog.naver.com/eundol0519/222537779145 할 일 목록 띄워주는 사이트 + 웹에 값 저장 2021.10.15 공부 내용 자바스크립트 문제집 예제에 할 일 목록 만드는 문제랑 웹에 값을 저장 할 수 있는 ... blog.naver.com 2021. 10. 28. 이전 1 ··· 15 16 17 18 19 다음 728x90
