기록

REST API 웹에서 사용되는 데이터나 자원을 HTTP URI로 표현하고 HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식 REST: Representational State Transfer의 약자, 로이 필딩의 박사학위 논물에서 웹의 장점을 최대한 활용할 수 있

❤️‍🔥 JSON JavaScript Object Notation 약자로 데이터 교환을 위해서 만들어진 객체 형태의 포맷 🤔 네트워크를 통해서 어떤 객체의 내용을 다른 프로그램에 전송한다고 가정해 보자. 객체의 내용을 일종의 메신저, 채팅 프로그램에서 쓰는 하나의

❤️‍🔥 UI User Interface의 약자로 사람들이 컴퓨터와 상호 작용하는 시스템 사용자가 사용하는 서비스나 제품의 화면 안에 모든 것 사용자가 제품, 서비스와 상호 작용할 수 있도록 만들어진 매개체 ❤️‍🔥 UX User Experience의 약자로 사

💡 유용성(Useful)제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요소💡 사용성(Usable)제품이 본연의 기능을 제공하는 것을 넘어서 사용하기 쉬운가에 관한 요소💡 매력성(Desirable)제품이 사용자들에게 매력적인가에 대한 요

선과 틀을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기 위한 목적으로 만든다. 와이어프레임을 표현할 때 품질 수준을 전문 용어로 피델리티로 표현해 3가지 레벨로 나뉜다.Low Fidelity Wireframe (Lo-Fi Wirefr

❤️‍🔥 Figma UI 디자인&프로토타이밍 툴, XD나 Sketch처럼 UI를 디자인하기 위해 사용하는 도구 중 하나이다. Figma는 와이어프레임, 프로토타입 제작뿐만 아니라 브레인스토밍, 아이디에이션, 다이어그램 제작, 디자인 시스템 구축 등 다양한 분야에서

세션 기반 인증은 서버(혹은 DB)에 유저 정보를 담는 인증 방식이었습니다. 서버에서는 유저가 민감하거나 제한된 정보를 요청할 때마다 "지금 요청을 보낸 유저에게 우리가 정보를 줘도 괜찮은가?" 를 확인하기 위해 클라이언트가 보낸 세션 id를 가지고 있는 세션 객체와

✨ Intro 번들링은 코드만 놓고 설명하기에는 다소 생소한 개념이기 때문에, 스티브 잡스와 스티브 워즈니악이 개인용 컴퓨터(PC; personal computer)를 만들고 대중화시키던 시절의 번들 이야기부터 시작하려고 합니다. 그 때 당시의 컴퓨터는 코드를 직접

컴퓨터: 하드웨어와 소프트웨어가 합쳐진 형태 하드웨어: 전자 회로 및 기계 장치로 되어 있어 입출력 장치, 중앙처리장치(CPU), 기억장치 등으로 구성 소프트웨어: 하드웨어 위에서 하드웨어를 제어하며 작업을 수행하는 프로그램직접 컴퓨터를 다뤄봤을 때, 컴퓨터는 키보드와

폰 노이만이 제시한 컴퓨터 모델에 따르면 컴퓨터 시스템은 크게 CPU, 메모리, 디스크로 구성되어 있다고 볼 수 있다. 이 각각의 하드웨어를 연결했다고 해서 우리가 원하는 프로그램을 수행할 수 있는 것은 아니다. 하드웨어는 단지 그 하드웨어의 특정 기능을 수행 할 뿐인

2010년도 이후, 우리는 유니코드라고 불리는 인코딩 방식이 통일된 시대를 살아가고 있다. 문자열을 다루는 디테일한 방식에 대해 전부 알 필요는 없지만, 프로그래밍 언어마다 문자열을 다루는 자료형의 차이를 이해하기 위해 문자열을 다루는 기본적인 방식은 알고 있어야 한다

프로그램에서 더 이상 사용하지 않는 메모리를 자동으로 정리하는 것이 기능을 가진 언어(혹은 엔진)는 자바, \`CC언어가 저수준 언어라고 해서 고수준 언어인 JavaScript에 비해 뒤떨어지는 게 아니다. 프로그래밍 언어가 인간에게 친화적인지, 기계에게 친화적인지에

Facebook에서 처음으로 개발, 오픈 소스로 제공된 쿼리 언어 Graph + Query Language의 줄임말로 Query Language 중에서도 Server API 를 통해 정보를 주고받기 위해 사용하는 Query Language API를 위한 쿼리 언어Gra

코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론개발자 자신이 바람직하다고 생각하는 코드의 결과를 미리 정의하고, 이것을 바탕으로 코드를 작성하는 법 TDD를 통해 소프트웨어를 개발한다는 것은 작은 단위의 테스트 케이스를 작성하고, 이를 통과하는 코드를 작성하

주어진 상황에서 원하는 가장 알맞은 결과를 얻을 수 있도록 처리하는 과정최적화는 허용된 자원의 한계 내에서 주어진 요구사항을 만족시키면서 최선의 결과를 얻는 과정\-수익과 관련되는 분야에서는 이익을 최대로 내는 과정을 말하기도 한다. 다양한 분야와 때에 따라 다르게 정

화면을 렌더링할 때는 HTML 파일과 CSS 파일이 필요하다. HTML 파일은 DOM 트리를, CSS 파일은 CSSOM 트리를 만들고 두 트리를 결합하여 렌더링할 때 사용하게 된다. 이 두 트리 중에서 하나라도 변경되면 리렌더링을 유발하는데, 이때 트리의 크기가 크고

캐시(Cache)는 다운로드 받은 데이터나 값을 미리 복사해 놓는 임시 장소를 뜻하며, 데이터에 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다. 우선 캐시를 사용하지 않을 때의 예시를 들어보자.서버에서 logo.jpg라는

트리쉐이킹(Tree Shaking)은 말 그대로 나무를 흔들어 잔가지를 털어내듯 불필요한 코드를 제거하는 것을 의미한다. 웹 개발을 할 때, 애플리케이션의 규모가 커지면서 코드의 양이 방대해지고, 다양한 라이브러리를 가져다 사용하게 되면 불필요한 코드를 그대로 가져가는

사이트를 검사하여 성능 측정을 할 수 있는 도구다양한 지표를 이용하여 웹페이지의 성능 검사를 해줄 뿐만 아니라 그에 대한 개선책도 제공구글에서 개발한 오픈소스로서 웹 페이지의 품질을 개선할 수 있는 자동화 툴성능, 접근성, PWA, SEO 등을 검사하며 이를 이용해 사

내가 좋아하는 애니메이션 짱구는 못말려 투니버스 사이트로 Lighthouse를 사용해 보려고 한다. 다음과 같이 각 지표에 맞는 결과를 확인할 수 있다.Performance의 Opportunities 항목으로는 총 3가지가 나오는 것을 확인해 볼 수 있다.Reduce

소프트웨어 시스템이나 애플리케이션 개발 및 유지보수할 목적으로 수행되는 활동의 절차소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어졌다.개발 프로세스의 목적은 개발에 대한 전체

전통적인 IT 조직 구조로는 개발팀(Dev)과 운영팀(Ops)이 소프트웨어의 개발과 관리 및 유지보수를 담당해왔다.개발팀이 잦은 업데이트를 통해 제품에 변화를 만들어야 한다면, 운영팀은 이런 서비스의 구성의 변경을 최소화해 안정성을 확보하는데, 이 부분은 꽤 상충이 되

CI/CD는 약어로, 몇 가지의 다른 의미를 가지고 있다. CI/CD의 "CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미한다. CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로

Yet Another Markup Language의 약자로, 사람이 읽을 수 있는 데이터 직렬화 언어를 의미 YAML을 YAML ain’t markup language(재귀 약어)로 생각하는 사람도 있다. 후자는 YAML이 문서가 아닌 데이터용임을 강조하는 말이라고 생

React 라이브러리, 혹은 Webpack Dev Server에서 제공하는 proxy 기능을 사용하면 CORS 정책을 우회할 수 있다. 이는 별도의 응답 헤더를 받을 필요 없이 브라우저는 React 앱으로 데이터를 요청하고, 해당 요청을 백엔드로 전달하게 된다. 여기서

빠빠빨간맛 프로젝트의 시작으로 pull을 받아와서 npm 설치 후에 본 에러다.오류를 부숴 보자...구글링을 통해서 나온 해당 에러는 근본적으로 컴퓨터 OS별로 다른 줄바꿈 타입을 사용해서 나는 오류라고 한다. Prettier에서는 CRLF 대신 LF 사용을 권고하고

위의 사진은 Texteditor로 받아온 value의 값을 확인해 봤을 때의 모습입니다... title 밑에 content 내용을 넣어 줬는데 Texteditor react-quill를 사용하여 입력한 value의 값을 출력하니 html 태그 모습이 그대로 적용된

프로젝트에서 외부 API를 이용해 추천 도서의 데이터를 가지고 오려고 API 요청을 보냈다......... 오호호 잘 도착했을 내 아이들을 기대하며 확인했는데....CORS 에러...........................제기랄\~\~~퇴치하겠다.고오오....어떻게

이 포스팅은 부트캠프 수료를 앞둔 시점에서 마지막으로 진행되는 메인 프로젝트 회고이다. 메인 프로젝트 하기 전에 Stack Overflow 사이트를 클론하는 free project 를 했었다. 비전공자로 작년 10월부터 1월 초까지 기본기를 공부하고 바로 클론 코딩을