TIL

위키백과의 내용에 따르면 시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온

함수에서 parameter를 지정할 때 기본 값으로 미리 정하고 작성할 수 있다.기본으로 정해진 값으로도 실행이 가능하고 새로운 값을 넣어서도 실행이 가능하다.하지만 함수를 작성할 때 default parameter는 함수의 맨 오른쪽에만 위치 할 수 있다.만약 par

파이썬이 module이나 package를 찾기위해 가장 먼저 확인하는 곳이다.sys.modules는 단순한 dictionary이며, 이미 import된 module과 package들을 저장하고 있다.한번 import된 module과 package들을 다시 찾지 않아도

1. Absolute path / Relative path 파이썬에서는 직접 개발한 local package를 제외한 모듈을 import할 때에는 경로가 크게 문제가 되지 않는다. built-in module -> 내장되어 있어서 잘 찾아진다. pip를 통해 설치한

해당 파일은 파이썬에서 package를 만들때 필요한 파일이다.외부에서 package를 참조하는 시점에 해당 package의 \_\_init\_\_.py가 실행된다.package directory에 \_\_init\_\_.py 파일이 없다면 package로 인식을 하지

파이썬 및 다른 프로그래밍 언어에 관해 보다보면 일급객체 / first-class citizen/ first-class object 와 같은 말을 볼 수 있다.일급객체란 변수나 데이터 구조에 넣을 수 있어야 한다매개변수로 전달할 수 있어야 한다return값으로 사용할

wikipedia에 정의된 내용을 보면first-class functions의 개념을 이용하여 scope에 묶인 변수를 바인딩 하기 위한 일종의 기술이다. 기능상으로, 클로저는 함수를 저장한 레코드(record)이며, scope의 인수들은 클로저가 만들어질 때 정의되며

먼저 알아야 할 것 - First-class citizen / Closure Decorator Decorator란 > Closure처럼 중첩함수를 return하는 함수이다. 다른 함수에 적용해서, 적용된 함수가 실행되기 전에 무조건 먼저 실행이 된다. 즉, 적용된

list comprehension이란? 새로운 list를 만들 때 사용할 수 있는 간단한 표현식이며,list와 마찬가지로 대괄호 - \[ ] 를 사용하여 작성한다.형식은 2종류이며 각각 아래와 같이 사용할 수 있다. 표현식 for 원소 in 반복가능한 객체 표현식 f

Iterator란 wikipedia에 따르면,객체 지향적 프로그래밍에서 배열이나 그와 유사한 자료 구조의 내부의 요소를 순회하는 객체이다.라고 정의되어있다.값을 차례대로 꺼낼 수 있는 객체이며, 내장함수 또는 iterable객체의 메소드로 객체를 생성할 수 있다.Ite

Generator란, wikipedia에 따르면컴퓨터과학에서 loop의 반복 동작을 제어하는데 사용할 수 있는 루틴이다. 모든 generator는 iterator이기도 하다. -중략으로 정의되어있다.쉽게 이야기하면 iterator를 생성하주는 함수라고도 볼 수 있으며,

Lambda Lambda란, > 인라인 함수를 정의할 때 사용하며, anonymous functions 또는 lambda expression 이라고 부른다. 우리가 사용하는 일반적인 함수와의 차이점을 살펴보면, 함수 이름의 유무 내부에서 처리하는 로직들의 작성방법

HyperText Transfer Protocol HTTP란 >웹서버와 웹 클라이언트 사이에서 데이터를 주고받기 위해 사용하는 통신 방식이다. 쉽게 단어들로 풀이를 해보면, 하이퍼텍스트를 전송하는 약속이라는 뜻으로 풀이가 될 수 있다. 전송을 하기때문에 보내는

HTTP 통신에서는 자주 사용되는 3가지 method가 있다.GETPOSTDELETE해당 method는 클라이언트(front-end)의 입장에서 요청의도가 담긴 것이다.혼란이 올 수 있으니 주의해야 한다.이름 그대로 어떠한 데이터를 서버로 부터 받아올 때 사용하는 me

React의 Component는 생명주기가 있다. Component가 실행(mounting) / 업데이트 / 제거(unmounting) 될 때, 특정한 이벤트들이 발생하게 된다.단계에 따라서 아래에 나올 함수들이 순서대로 실행이 된다.Mounting은 element를

React-router는 react에서 Routing을 위해 가장 많이 사용되는 라이브러리이다.CRA를 사용하여 react 프로젝트를 진행한다면 Routing을 위한 로직이 들어있지 않기 때문에, Third-party Library를 import해서 사용해야한다.Bro

Stack이란,제한적으로 접근할 수 있는 나열구조이며, 접근은 언제나 목록의 끝에서만 일어난다.또한, 한 쪽 끝에서만 자료를 넣거나 뺄 수 있는 선형 자료형이다.자료를 넣는 것을 push라고 하고, 반대로 넣어둔 자료를 꺼내는 것을 pop이라고 한다.pop을 할 때 꺼

fetch() Front-end에서 Back-end로부터 데이터를 받아오려면 api를 호출하고 해당 데이터를 응답받아야 한다. 이때 사용되는 것이 fetch() 이다. 1. 기본 문법 먼저, fetch()는 호출할 api의 주소를 인자로 받는다. 해당 주소를 인자

setState()란, React docs에 따르면state 객체에 대한 업데이트를 실행으로 정의되어 있다.React에는 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값인 state가 존재한다.state를 변경하기 위해서는 반드시 setState()를 사용해야한다.이때

단축 속성명이란,key, value를 이용해 object를 만들때 미리 선언한 변수로 object를 편리하게 만들 수 있는 JS의 기능이다.미리 생성되어 있는 데이터, 파라미터로 전달받은 데이터를 재사용할 수 있게 된다.object의 속성명을 동적으로 변경하며 사용할

API가 나오기 전에 Front-end에서 전송받을 데이터를 미리 가짜로 만들어서 개발을 진행할 수 있다. 미리 가짜데이터를 API로 부터 받을 데이터와 같은 구조로 만들어서 개발을 진행하면, 실제 API가 들어올때 수월하게 작업을 할 수 있다.\--.js / --.j

Props React에서는 Component를 다른 Component로 import해서 사용할 수 있다. import하는 Component를 부모라 칭하고, import되는 Component를 자식이라고 칭한다. >2개의 Component사이에는 부모-자식 관계가

RESTful API에서 REST란,REpresentational State Transfer의 약자로, HTTP기반으로 필요한 자원에 접근하는 방식을 정해놓은 아키텍쳐이다. 위 정의에서 말하는 자원은 저장된 데이터, 이미지/동영상/문서등의 파일, 서비스를 모두 포함한다

Optional chaining은 ES2020에서 새롭게 추가된 문법으로, ?.를 사용하여 객체의 속성값에 접근할 수 있게 해주는 문법이다.참조하는 대상이 null / undefined가 아니라면, 속성에 대한 접근이 가능하다.만약 null / undefined라면 u

React Hook을 이용하면 Class를 작성할 필요없이 state와 여러 React의 기능을 사용할 수 있다.그중에서 state hook은 Functional Component속에서 state를 사용할 수 있도록 해주는 hook이다.state hook은 useSta

연휴기간 react-hook, styled-components 연습을 위해 CRA를 사용하여 간단한 Todo app을 만들보았다. TodoGithubuseState()를 사용하여, 초기값으로 비어있는 Object를 선언했다.추가된 항목들의 완료 / 삭제가 원활하게 이루

React Functional Component에서 Effect Hook을 사용하면, Side effect를 수행할 수 있게된다.Side effect란,React Component가 화면에 render된 이후에, 비동기로 처리되어야하는 효과들을 말한다.useEffect

Styled-components는 CSS-in-JS 라이브러리중 많은 인기를 얻고있는 라이브러리이다.CSS-in-JS란,JavaScript를 사용하여 구성 요소의 Style을 지정하는 Styling 기술이다.Inline Style과는 다르게, <style>요소로

이전 블로그에서 간단하게 짚고 넘어갔던 내용 중 Clean-up 함수라는 개념이 있다.Clean-up함수란,useEffect()에서 parameter로 넣은 함수의 return 함수이다.Component의 unmount이전 / update직전에 어떠한 작업을 수행하고

Typescript는 Javascript의 구문이 허용되는 Javascript의 상위집합언어이다.Typescript는 Type이 무엇이 되어야 하는지 명시 가능한 Javascript 언어의 확장을 지원한다.name과 id를 가진 user객체에서name: string,

Javascript로 프로젝트를 진행할때, 데이터 통신을 해야하는 경우에는 fetch() 함수를 사용한다.Axios는 fetch() 함수보다 많은 편리성을 제공하는 HTTP통신을 위한 Javascript라이브러리이다.IE8 이상의 모든 브라우저 지원JSON 자동변환re

props-types는 props의 type정보를 정의할 때 사용하는 React 공식 패키지이다. ( npm, yarn 등으로 설치해야 한다.)기본적으로 Javascript는 동적 타입 언어이다.때문에, 매번 type을 정해주지 않아도 되고 간단한 프로그램을 작성할 때

Typescript 개발팀에 속해서 일을 하는동안 거의 모든 프로젝트에서 Typescript를 사용해왔다. 하지만 프로젝트를 만드는데에만 집중을 하고, 효율적인 언어 사용에는 관심이 많이 부족했다. 더 나은 개발과, 앞으로는 잘 사용할거라는 다짐을 위해 유용한 팁들을