선돌이의 코딩하우스

5. 표현식과 문 값 “표현식”이 “평가”되어 생성된 결과 10 + 20 // 30 10+20 이 평가되어 숫자 값 30을 생성 모든 값은 데이터 타입을 갖고, 데이터 타입에 따라 다르게 해석됨! ⇒ 0100 0001 ⇒ number ? 65 , string ? ‘A’ 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 or 메모리 공간을 식별하기 위해 붙인 이름 ⇒ 변수에 할당되는 것은 “값” var score = 10 + 20; score라는 변수에 할당되는 것은 표현식이 아닌 30이라는 값 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 3 ⇒ 숫자 리터럴 3 ㅋㅋ ( 사람이 이해할 수 있는 아라비아 숫자를 사용한거) ⇒ 자바스크립트 엔진은 이를 평가해서 숫자 ..

메모리는 데이터를 저장할 수 있는 메모리 셀의 집합 메모리 셀 하나의 크기는 1바이트 컴퓨터는 메모리 셀의 크기인 1바이트 단위로 데이터를 저장 및 읽기 각 셀은 고유의 메모리 주소를 갖는다 10 + 20 위 연산을 실행하면 30이 새로운 메모리 셀에 저장 ⇒ 30을 재사용하고 싶다면 해당 메모리 주소로 접근해야함! ⇒ But, 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않음 (오류 발생 가능성 때문에) ⇒ 또 동일한 코드를 실행하더라도 값이 저장되는 메모리 주소는 달라진당 ⇒ 따라서 메모리 주소를 알 수도 없지만 직접 접근하는 것은 올바른 방법이 아님 ⇒ 변수를 이용해야! 변수 하나의 값을 저장하기 위해 확보한 메모리 공간을 식별하기 위해 붙인 이름 즉, 값의 위치를 가리키는 상징적인 이름..

모던 자바스크립트 Deep Dive를 읽은 후 정리한 내용입니다. 다른 프로그래밍 언어와 비슷한 부분들은 생략하였습니다. 1. 프로그래밍 프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 ⇒ 해결해야 할 문제(요구사항)을 명확히 이해한 후 적절한 해결 방안을 정의하는 게 중요 복잡한 “문제”를 단순하게 분해하고, 자료를 정리하고 구분 ⇒ 순서에 맞게 배열 언어의 의미는 문맥에 있는 것이지 문법에 있는 것이 아니다. const number = 'string'; console.log(number * number); //NaN 문법적으로는 전혀 문제가 없지만 , 의미도 없음 ⇒ 코드는 해결 방한을 구현물!! 문법에 부합한 것은 물론이고, 수행하고자 하는 바를 정확히 수행해야 의미가 있다 2. 자바..

supabase란? 요즘 각광을 받으며 떠오르고 있는 supabase는 firebase를 대체할 새로운 오픈소스 라이브러리입니다. firebase와 상당히 유사하지만 많은 장점들이 있는데요. PostgreSQL지원 ⇒ RDB를 지원하며 RDB가 익숙한 사람들에게 추천합니당. 소셜 로그인 지원 → 이건 firebase에서도 지원하는 부분인데 슈퍼베이스 역시 당연히 지원합니다. 추가로 refresh_token 역시 사용할 수 있습니다. 간편한 사용 넉넉한 프리티어 ⇒ API 호출 무제한 , 500MB DB 지원 등 웬만한 개인 사이드 프로젝트에서는 요금이 발생할 일이 없습니다. 또 구독형이 아닌 사용한 만큼만 결제하면 된다는 장점이 있습니당. 저희 팀의 경우, 빠르게 서비스를 배포한 후 사용자들의 피드백을 ..

1. 라이브러리 설치 yarn add @toast-ui/react-editor 2. 에디터 컴포넌트 만들기 (중요!!!) import { Editor } from '@toast-ui/react-editor'; import '@toast-ui/editor/dist/toastui-editor.css'; export default function BoardWrite(): JSX.Element { return ( ); } toast UI에서는 ssr을 지원하지 않기 때문에 에디터 컴포넌트를 만든 후 서용하는 곳에서 다음과 같이 dyanmic을 써줘야 한다. import dynamic from 'next/dynamic'; const ToastEditor = dynamic(() => import('@/src/com..