끄적끄적_개발노트

https://devocean.sk.com/blog/techBoardDetail.do?ID=164061 Notion으로 다이어그램을 그린다고? devocean.sk.com

GraphQL - A query language for APIs and runtime GraphQL 은 Facebook 에서 만든 '쿼리 언어' 이다. 이미 많이 사용되고 있는 쿼리 언어 SQL ( Structed Query Language ) 와 같이 데이터를 가져오기 위한 언어라는 것에 그 공통점이 있지만 SQL 은 DBS(DataBase System) 에서 데이터를 가져오는데에 그 목적이 있고, GQL 은 웹 클라이언트가 데이터를 서버로부터 효율적으로 가져오기 위함에 그 목적이 있다. SQL의 문장(Statement, 호출)은 주로 백엔드 시스템에서 작성하고 사용되는 반면 GQL은 주로 클라이언트 시스템에서 작성되고 호출된다. GraphQL is a query language for APIs and..

"Hello world! 내 이름은 " + name + "입니다." `그리고 제 이름은 ${name} 입니다.` Javascript 는 Template Literals (ES5까지는 template strings ) - 템플릿 리터럴을 제공한다. MDN 문서에서의 Template Literals의 설명은 아래와 같이 시작한다. 내장된 표현식을 허용하는 문자열 리터럴 - Template Literals 자바스크립트에서 '문자열' 은 데이터의 양 끝에 큰 따옴표(" ") 혹은 작은 따옴표(' ') 로 감싸서 ( '문자열' or "문자열" ) 표현하게 되는데, 이렇게 따옴표로 이루어진 데이터 안에는 특정한 기능이나 변경 없이 string 문자열 데이터만 들어갈 수 있다. 그래서 이 문자열과 문자열 사이에 특정..

HTTP 는 HyperText 의 Transfer(전송)과 관련된 Protocol 이다 네트워크는 통신을 통해 정보를 교환한다. 이 통신은 단순한 기기 내부의 전기 신호의 전달에서부터 대륙을 뛰어넘는 정보의 전달 및 내 손에 정보가 도달하기까지 여러 단계를 거쳐 나뉘어지는데 국제기구(ISO)에선 이 통신에 관련한 규약을 OSI 7 Layer 라고 부르며 나누고 있다. 참고 : OSI 7 Layer Model https://bans.tistory.com/2 OSI 7 Layer Model 에 대하여 - OSI 7 Layer Model (Open Systems Interconnection Reference Model) OSI 7 계층이란? -> 개방된 통신 시스템간의 상호연결성을 부여하는 표준 OSI 7 계..

HTTP 통신을 통해 HyperText 들이 클라이언트 - 서버 모델로 정보를 전달할 때 HTTP 상태 코드들이 사용되며, 자주 쓰이는 에러코드는 알아두면 좋다. 주로 쓰이는 에러코드와 에러코드가 나타내는 정보들에 대해 숙지해두자. (400 401 403 404...) 참조 : https://developer.mozilla.org/ko/docs/Web/HTTP/Status HTTP 상태 코드 - HTTP | MDN BCD tables only load in the browser HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제공하는 응답, 성공적인 응답, 리다이렉 developer.mozilla.org 파싱이란? 참조 블로..

태그에 관하여 메타태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용한다. HTML 문서의 사이에 입력하는 특수 태그로서 사이트의 디자인에는 전혀 영향을 미치지 않고, 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있다. 속성 메타태그 속성에는 http-equiv, name, content 3가지 속성이 있다. http-equiv="항목명" 웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용될 수 있으며, HTML 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송되었을 때에만 의미를 갖는다. content="정보값" meta 정보의 내용을 지정한다. name="정보 이름" 몇 개의 meta 정보..

간단하게 살펴보는 Git의 역사 git 은 Linux 운영체제의 개발 과정에서 탄생했다 git은 Linux의 아버지 Linus Torvals가 Linux 를 개발하며 리눅스의 버전 관리를 위해 사용하던 툴(BitKeeper)의 유료화로 인해 리눅스의 개발 이념에 반대되는 것에 분개(?)하여 리누스 토발즈 본인이 직접 2주만에 만들어버린 역사가 있는 도구이다. (git은 지금도 git으로 버전관리가 이루어지고 있으며, github(여기)에서 이 기록을 열람할 수 있다) git 제작자가 git에 남긴 최초의 commit 은 아래와 같다 GIT - the stupid content tracker "git" can mean anything, depending on your mood. - random three-..

Javascript 를 사용하면서, (or 다른 언어에서 이벤트 등의 특정 상황에서) 특정한 이벤트에 실행시키는 함수를 실행할 때 (사실 JS 외에는 실제로 만나보지 못했다.. 화살표함수 이녀석) 우리는 Callback 이라는 개념과 마주하게 된다. 우선 콜백의 정의부터 알아보자. '콜백(Callback)의 정의' 라고 검색했을 때 맨 처음 나오는 위키백과의 정의는 아래와 같이 시작한다. 프로그래밍에서 콜백(callback) 또는 콜애프터 함수(call-after function)[1]는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. Javascript 는 탄생 배경에서부터 웹 브라우저를..

JS 에서 변수를 한번에 담기 위해 사용하는 구조는 '배열 (Array)' 과 '객체 (Object)' 구조로 크게 두 가지로 나누어진다. 데이터를 다루는 데 있어서 이 배열에 담긴 데이터들과 객체의 담긴 데이터들을 분리해서 구별해 저장할 필요가 생길 때 사용하는 기능이 바로 '구조분해할당' 구문이다. let a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 [a, b, ...rest] = [10, 20, 30, 40, 50]; console.log(a); // 10 console.log(b); // 20 console.log(rest); // [30, 40, 50] ({ a, b } = { a: 10, b: 20 });..

hanminwoo.com/33 애자일(Agile)과 스크럼(Scrum)과 지라(JIRA) 이야기 오늘은 애자일(Agile), 스크럼(Scrum), 지라(JIRA)에 대해서 이야기해보려고 합니다. "애자일을 적용하여 개발하자!", "스크럼 프로세스를 통해서 개발하자!" 을 외치면서 진정 우리가 이렇게 일하고 hanminwoo.com