velog에서는 백틱 사이에 넣으면 되었는데 티스토리는 기본모드에서 인라인 코드블럭 사용하기 번거롭다. 그래서 # 사이에 들어가면 인라인 코드블록 설정 되도록 설정했다. html 편집에서 `` 태그 사이에 아래 코드 입력해주기 `` 위에 _을 `으로 변경해서 입력해주기 다른 문자를 단축키로 쓰고 싶으면 _를 사용하고 싶은 문자로 변경해주면 된다. 참고) https://starrykss.tistory.com/2116 추가 리스트나 인용 안에서 적용이 되지 않아서 다른 블로그 찾아봐도 방법 모르겠어서 그냥 CSS 파일 뒤져서 찾았다.. ㅜ .area_view p code { padding:2px 5px; border-radius:3px; background:#efefef; margin:0 2px; borde..

1. https://highlightjs.org/static/demo/ 에서 마음에 드는 테마 이름 기억해두기 highlight.js demo highlightjs.org 2. 플러그인으로 코드 문법 강조 설정되어 있으면 해지하기 3. 스킨 편집에서 html 편집하기 ## 앞에 아래 코드 입력해주기 ###의 href 마지막 부분에 변경하고 싶은 테마 이름 입력해주기 예를 들어 tokyo-night-dark 테마를 사용하고 싶으면 ## 참고) https://habitus92.tistory.com/9

1. GraphQL이란? Graph + Query Language의 줄임말로 오픈 소스로 제공된 쿼리 언어입니다. API를 위한 쿼리 언어입니다. GraphQL에서 데이터는 그래프 형태로 연결되어 있으며 클라이언트 요청에 따라 유연하게 트리 구조의 JSON 데이터를 응답으로 전송할 수 있습니다. GraphQL의 특징 GraphQL은 HTTP를 통해 API 서버로 요청을 보내고 응답을 받습니다. 응답을 받을 시, 데이터 결과를 JSON 형식으로 받습니다. GraphQL은 서버 개발자가 작성한 각 필드에 대응하는 resolver 함수로 각 필드의 데이터를 조회할 수 있습니다. GraphQL은 GraphQL 라이브러리가 조회 대상 schema가 유효한지 검사합니다. 2. GraphQL 구조 Query: 저장된..

빅오 표기법 좋은 코드를 판단할 때는 여러가지 기준이 있을 수 있지만 빅오 표기법은 객관적이며 변하지 않는 기준으로 코드의 효율성을 비교하기위한 표기법이다. 시간 복잡도과 공간 복잡도를 나타나는데 주로 사용된다. 시간 복잡도 알고리즘이 얼마나 빠르게 실행하지를 나타낸다. 이름은 시간 복잡도이지만 실제 코드가 실행되는 시간을 기준으로 하지 않고 연산 갯수를 기준으로 판단한다. 왜냐라면 시간은 가변적이기 때문이다. 시간은 컴퓨터의 사양에 따라서 변할수도 있고 심지어 같은 컴퓨터에서도 실행할 때마다 시간이 조금씩 바뀐다. 반면 연산 갯수는 어떤 컴퓨터에서든 동일하기 때문에 연산 갯수를 기준으로 판단한다. 연산 갯수 연산 갯수는 정확한 연산 갯수를 의미하진 않고 단순화한 갯수를 의미한다. 예를 들어 아래의 함수..

useFetch fetch 할 때 반복되는 코드를 커스텀 훅으로 만들어 활용할 수 있다. import { useState, useEffect } from 'react'; const useFetch = (url) => { const [data, setData] = useState(null); const [isPending, setIsPending] = useState(true); const [error, setError] = useState(null); useEffect(() => { fetch(url, { // get의 경우 헤더를 작성하지 않아도 괜찮 headers: { "Content-Type" : "application/json", Accept: "application/json" } }) .then..

1. 컴퓨터의 구조 하드웨어: 전자 회로 및 기계장치 소프트웨어: 하드웨어 위에서 작업을 수행하는 프로그램 1-1. 컴퓨터의 기본 구성 요소 입력장치 명령받아들이는 물리적 장치(키보드 마우스 ) 출력장치 처리된 데이터를 사람이 이해할 수 있는 형태로 출력하는 물리적 장치 (모니터) 중앙처리장치(CPU) CPU는 컴퓨터의 모든 것을 결정한다. CPU의 내부 구성은 크게 ALU와 레지스터이다. ALU: 산술/논리 연산 장치(ALU) 레지스터: 제어 장치로 프로그램에 따라 명령과 제어 신호를 생성하여 각종 장치의 동작을 제어한다. 저장장치 주 기억 장치(Memory): 데이터나 프로그램을 보관하기 위한 일차 기억 장치(RAM과 ROM) 보조 기억 장치: 주 기억 장치를 보조하기 하는 장치(플로피 디스크와 하드..