TIL

웹(web)은 클라이언트와 서버가 요청과 응답을 함으로써 동작한다. 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해 주는 서비스. 클라이언트와 서버가 지속적으로 요청과 응답을 주고받기위해서는 브라우저를 구성하는 파일들(HTML, CSS, JS)이 인터넷에

scope란, '변수'가 선언되고 사용될 수 있는 범위를 의미한다. JavaScript 코드를 작성하다보면, \*\*\* is not defined라는 에러 메시지와 만나게 되는 경우가 있다. 즉, 변수가 아직 선언되지 않았다는 뜻이다. 오잉, 나는 분명 let, co

scope란, '변수'가 선언되고 사용될 수 있는 범위를 의미한다. JavaScript 코드를 작성하다보면, \*\*\* is not defined라는 에러 메시지와 만나게 되는 경우가 있다. 즉, 변수가 아직 선언되지 않았다는 뜻이다. 오잉, 나는 분명 let, co

알고보면 간단한 시맨틱 웹과 시맨틱 태그 한번에 이해하기 👻웹 기술의 발전에 따라 많은 수 많은 정보들이 웹상에 쌓이게 되었는데, 컴퓨터가 그 정보들을 보다 쉽게, 의미있는 해석할 수 있도록하기 위해 시맨틱 웹(Semantic Web)과 시맨틱 태그(Semantic

개발자 도구(Dev tools)란? > 개발자들이 쓰는 도구를 뜻하며, 가장 많이 사용하는 개발자 도구 패널은, Elements,Console,Network,Application 패널이다. 프론트 개발자가 주로 많이 사용한다. 실행 방법 Mac OS에서는 option

HTTP는 HyperText Transfer Protocol의 약자로, 컴퓨터끼리 어떻게 HTML 파일을 주고 받을지에 대한 소통방식을 의미한다. HyperText문서(HTML)와 문서가 링크로 연결되어 있음TransferHtml로 만든 웹페이지 문서를 보냄Ptoroc

웹 개발자가 UX를 고민해야하는 이유? 웹의 타켓층은 유저들이기 때문에 그들을 위한 UX를 구성해야한다. UX란? User Experience 사용자 경험 사용자에게 더 나은 경험을 제공하기 위한 모든 것 사용자에게 불편함을 제공하지 않는것 네거티브 포인트를 줄이는

1. 인증이란? >- 인증은 회원가입과 로그인을 말한다. 사용자가 서비스 제공자에게 자신을 증명하는 것. 개발자 입장에서는 우리의 서비스를 누가 쓰고 어떻게 사용하는지 등이 추적하기위해 필요하다. 인증에는 아이디, 이메일주소, 비밀번호 등이 있으며, 이중에 가장

1. mock data > mock data란 실제 API에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만든 데이터를 말한다. mock data가 필요한 이유 페이지 레이아웃은 나왔지만 API는 아직 준비중인 경우, API가 나올때까지 기다리는

styled component를 react에 import하기만 하면 error: Invalid hook call.이라는 오류가 생겼다. 나와 같은 오류로 고생하실 분들을 위해 간단하게 남겨 놓는 글. 1.npm install --save styled-components

Hoist란 변수 선언을 끌어올리는 것을 말한다. 즉,1) 변수가 함수 내에서 정의되었을 경우, 선언이 함수의 최상위로 끌어올려지며 2) 변수가 함수 바깥에서 정의되었을 경우, 전역 컨텍스트의 최상위로 끌어올려진다.1) 변수가 함수 내에서 정의되었을 경우, 선언이 함수

유튜브 강의를 보다 강의를 진행하시는 개발자님이 code . 명령어로 터미널에서 바로 vscode를 여는 것을 본 적 있다. 근데 쩜의 위치를 바꿔가며 아무리 입력해도 나에게 돌아오는건 zsh: command not found: code 뿐 🥲 아주 간단한 방법으로

예전에 작성했던 코드를 로컬로 다시 클론받아 코드를 수정하려고했다. 화면을 보기위해npm start를 해주었더니, script 오류가 났고🤦🏻‍♀️ 당황하지 않고 npm install을 해주었다. 그랬더니 이번엔 다음과 같은 code ERESOLVE 오류가 났다

인터넷이란 무엇인지 먼저 살펴보겠습니다.인터넷은 수십억대의 컴퓨터들이 서로 통신할 수 있도록 만드는 거대한 네트워크입니다.두 대의 컴퓨터가 서로 통신하기 위해서는 유선인 이더넷 케이블 혹은 무선인 WiFi나 Bluetooth 시스템을 통해 연결되어야 합니다.하지만, 모

웹(web)은 월드와이드웹(World Wide Web)의 줄임말입니다. 웹에는 클라이언트(clinent)와 서버(server)라는 두가지의 컴퓨터가 연결되어있습니다.클라이언트는 WI-FI와 같이 웹 사용자의 인터넷이 연결된 장치들 또는 크롬, 사파리와 같은 브라우저를

앞서 웹의 동작방식을 알아보며, 클라이언트가 서버에 데이터를 요청하고 서버는 그 요청에 응답한다는 것을 알았습니다.오늘은 클라이언트가 서버로부터 응답받은 데이터를 어떻게 브라우저에 렌더링하는지 그 과정에 대해 알아보겠습니다.먼저, 브라우저의 렌더링 과정을 크게 나눠보면

워드프레스 블로그에 https를 적용해보자 !본인이 사용하는 터미널을 연다.ssh -i 발급받은 SSHKey bitnami@ip주소를 입력해서 ssh에 접속해준다. 참고로 발급받은 SSHKey는 파일을 드래그 앤 드롭으로 가져오면 된다. 본인의 ip주소는 aws에 접속