TIL

간단하게는 '의미론적인 웹' 이라는 뜻입니다.기존 웹상에 축적된 정보가 방대해 짐에 따라 많은 문제에 봉착하게 되었다. Semantic Web은 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여 기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'

Application Panel Application Panel 의 기능 > 브라우저의 저장소. 브라우저에서 저장할 많은 저장소들과 캐시, 스토리지 들이 많이 있다. 로그인과 관련해서 유저정보에 대한 부분에도 많은 부분을 차지하기 때문에 꼭 알아두어야 할 패널이다.

HTTP는 HyperText Transfer Protocol 의 약자이다.HTTP에서 HyperText는 HTML(HyperText Markup Language)의 HyperText와 그 의미가 동일하다. HTML을 다시 짚고 넘어가보면, 문서와 문서가 링크로 연결되도

요청은 사실 그저 메세지에 불과하다. HTTP 요청은 사실 프론트엔드(클라이언트) 에서 백엔드(서버)에 일(데이터 처리)을 시작하게 하기 위해 보내는 메세지다. 이 메세지의 구조는 크게 세 부분으로 구성되어있다. 1\. HTTP Method: 해당 요청이 의도한 액션을

A database generally refers to a structured collection of structured information or data stored electronically in a computer system. The database is u

오늘은 Repl.it 을 이용해 간단한 알고리즘 문제를 풀어보았다. twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계

Syntactically Awesome Style Sheets 의 약자로 CSS를 확장한 언어이다.Sass 는 Sass표기법(.sass)과 Scss표기법(.scss)이 존재하는데, Sass 3.0부터 기본 표기법으로 채택된 Scss(sassy CSS) 사용을 권장하고

SPA (Single Page Application) - 페이지가 한 개인 애플리케이션Westagram-frontend : login.html, main.html - 페이지 수만큼 html 파일이 존재리액트 프로젝트에서 .html 파일의 개수는? 1개 >>> SPA(S

유저가 이메일을 입력한다Email Input의 onChange 함수가 실행 된다.onChange 함수에서 Email Input의 value를 setState를 통해 업데이트 한다.유저가 비밀번호를 입력한다.Password Input의 onChange 함수가 실행된다.o

비구조화 할당(구조분해 할당)은 객체, 배열에 적용할 수 있는 자바스크립트 ES6 문법이다. 이 기능을 통해 긴 코드를 간결하게 쓸 수 있게 해준다 아래의 예시를 보자.함수에서 뿐만 아니라 render 함수 안에서도 state, props 객체에 비구조화 할당을 적용해

map을 사용할 때는 return 되는 요소마다 유니크한 key 값이 존재해야 한다.key 속성은 제일 바깥에 있는 태그에 부여한다.위 상황에서 INFO 변수를 render 와 return 사이에서 선언할 경우 컴포넌트가 render 될 때마다 새로운 변수가 계속 선언

리액트 컴포넌트의 의미는 "재사용 가능한 UI의 단위"이다. 비슷한 생김새의 UI의 색상이나 텍스트, 배열 방향들만 조금씩 달라지는 경우가 적지 않다. 이것들을 매번 새롭게 만들지 않고 재활용할 수 있다면 어떨까? 컴포넌트를 재사용하기 위해서는 어떤 요소들이 재사용 될

위의 형태로 기억한다. 각각의 단계가 무엇을 뜻하는지 명확히 알아야한다. 그리고 화살표 함수로 몸통을 확 줄인 위의 코드도 ES5의 함수 선언식으로 바꿨을 때 어떤 모양인지 알아야 더 복잡한 fetch를 구현할 수 있다.위 코드에서 보이는 화살표 함수를 ES5의 함수

드디어 1차 팀프로젝트에 들어갔다.초기세팅에 관하여 간단하게 알아보자.CRA 초기 세팅은 main / master 에서 작업하시고 푸시한다.그림을 참고하여 반드시 필요한 파일과 폴더가 전부 생성 되었는지 확인한다.폴더 1) src \- Components \