평행우주 : world 1

Error: Cannot find module '../build/Release/canvas.node' NFT를 만들기 위해 처음으로 canvas를 사용해야 했다. 아무리 설치해도 설치되지 않았다.. 일반적인 방법론은 node-modules를 다 삭제하고, 다시 깔아보라는 것.. 몇 시간 고민한 후에 찾아냈다 흑흑 일단 해당 에러가 뜨면 설치오류인지 확인해보기 위해 package.json으로 가보자 { "name": "my_first_nft", "version": "1.0.0", "main": "index.js", "repository": "https://github.com/------", "author": "-------", "license": "MIT", "devDependencies": { "nft...

가비지 컬렉션 프로그램에서 더 이상 사용하지 않는 메모리를 자동으로 정리하는 것 자바, C#, 자바스크립트에서 사용하는 방법 대표적인 가비지 컬렉션 방법 트레이싱 한 객체에 flag를 두고, 가비지 컬렉션 사이클마다 flag에 표시 후 삭제하는 mark and sweep 방법 객체에 in-use flag를 두고, 사이클마다 메모리 관리자가 모든 객체를 추적해서 사용중인지 아닌지를 표시(mark) 그 후 표시되지 않은 객체를 삭제(sweep)하는 단계를 통해 메모리 해제 레퍼런스 카운팅 한 객체를 참조하는 변수의 수를 추적하는 방법 객체를 참조하는 변수는 처음에는 특정 메모리에 대해 레퍼런스가 하나지만, 변수의 레퍼런스가 복사될 때마다 레퍼런스 카운트가 늘어나게 된다. 객체를 참조하고 있던 변수의 값이 바..

Read, Write, Execute 권한 폴더인지 파일인지 확인하기 폴더와 파일을 생성하기 위해 명령어 mkdir 과 nano 이용 linux 폴더를 생성하고, helloworld.js 파일을 생성 mkdir linux nano helloworld.js 코드를 작성한 다음 Ctrl + X, Y, Enter 를 순서대로 입력하면, 새로운 파일을 저장할 수 있다. 폴더 하나와 파일 하나를 각각 생성 명령어 ls -l 을 프롬프트에 입력하고 Enter(엔터 키) 파일 helloworld.js는 -rw-r--r-- 이라 출력, 폴더 linux는 drwxr-xr-x 라고 출력 이 표현의 첫 시작인 - 와 d 는 각각 not directory와 directory를 나타낸다. 폴더이면 d로, 파일이면 - 로 나타낸..

AJAX(Asynchronous JavaScript And XMLHttpRequest) 웹페이지에서 일부분만 바꾸고 싶을 때 AJAX를 사용 JavaScript, DOM, Fetch, XMLHttpReqest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법 AJAX의 가장 큰 특징은 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아와 화면에 그려낼 수 있다는 것 예시) 유저의 요구에 따라 반응하며 변화하는 검색창의 경우, 검색창에 한 글자를 입력할 때마다 해당 글자로 시작하는 단어들을 서버로부터 받아와, 그 바로 아래 추천검색어로 보여주게 된다. 검색창에서는 필요한 데이터만 비동기적으로 받아와 렌더링되며, 여기에 AJAX가 사용된다. 페이스북 메시지나 네이버 포털사이트의 뉴스 탭 역시 비..

정적 웹사이트 빌드 웹 앱은 정적 웹페이지와 AJAX 기술을 함께 사용하며 클라이언트 사이드의 규모가 커지게 되었다. 이 때 웹사이트 구성요소를 각 파일로 분리하는 모듈화가 이루어졌고, React와 같은 클라이언트 기술이 발전하면서, 단일 파일로 자바스크립트나 페이지를 만드는 작업은 고도화되기 시작한다. 고도화된 클라이언트 웹 앱은 수많은 모듈로 이루어져있는데, 수많은 모듈을 하나로 묶어주는 작업을 번들링(bundling)이라고 한다 이 과정에서 JSX 파일과 같이 브라우저에서 자체적으로 해석이 불가능한 다양한 보조 기술들을 브라우저가 해석할 수 있도록 만들어주는 작업이 필요하다. 이러한 과정을 "소프트웨어 빌드"라고 한다. 즉, 소프트웨어 빌드는 소스코드를 실행 가능한 결과물로 변환하는 작업 다양한 모..

정적 웹사이트와 동적 웹사이트 정적 웹사이트 HTML 파일(코드) 자체로 배포되는 사이트 (CSR, Client Side Rendering) 현대의 2-tier Architecture에서 정적 웹사이트의 사용이 더욱 보편적 동적 웹사이트 서버에 의해 HTML 파일이 동적으로 생성되는 사이트 (SSR, Server Side Rendering) 웹사이트 렌더링 방식의 변천 AJAX 이전에는 요청에 따라 결과가 변하는 동적인 웹페이지를 만드려면, 서버가 매번 동적으로 생성해야 했다. 동적 웹사이트를 받아오기 위해서는, 서버가 HTML의 형태로 브라우저에 제공해주어야만 했기 때문에, 헤더나 푸터 등의 페이지 구성요소의 중복 요청/응답이 빈번했고, 네트워크 상에서 주고받는 패킷의 크기가 비교적 커졌다. AJAX ..

SSR(Server Side Rendering) 웹 페이지를 브라우저에서 렌더링하는 대신에, 서버에서 렌더링. 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송. 그리고 서버의 웹 페이지가 브라우저에 도착하면 완전히 렌더링. 서버에서 웹 페이지를 브라우저로 보내기 전에, 서버에서 완전히 렌더링했기 때문에 Server Side Rendering 이라고한다. 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온 다음 웹 페이지를 완전히 렌더링 된 페이지로 변환한 후에 브라우저에 응답으로 보냄 웹 페이지를 살펴보던 사용자가 브라우저의 다른 경로로 이동할 경우, 브라우저가 다른 경로로 이동할 때마다 서버는 이 작업을 다시 ..

크롬 브라우저 에러 읽기 에러 메시지는 웹페이지를 제공하는 서버와 Chrome 브라우저가 소통하는 단계, 또는 기기와 네트워크의 연결, Chrome 브라우저가 해석할 수 없는 데이터를 전송받은 경우 발생. Aw, Snap! Chrome 브라우저가 웹 페이지를 로드하는 데에 문제가 발생한 경우 이 경우 페이지가 느리게 로드되거나, 열리지 않을 수도 있다. 전체 에러 메시지 목록은 크롬 브라우저의 검색창에 chrome://network-errors/ 입력 Error Message Description "Aw, Snap!" ("앗, 이런!") Chrome 브라우저에서 페이지를 로드하는 데 문제가 발생했습니다. ERR_NAME_NOT_RESOLVED 호스트 이름(웹 주소)이 존재하지 않습니다. ERR_INTER..