Node.js에 관해 간단히 정리한 글입니다. Node.js란? JavaScript의 런타임 환경 Runtime environment Node.js는 언어가 아닌 런타임 환경이다. Node.js의 특징 비동기 이벤트 주도 JavaScript 런타임으로써 Node.js 는 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계되었습니...

MPA? SPA? MPA이란? 두개 이상의 페이지로 구성된 application. interaction이 발생할 때마다 해당 링크로 이동하여 application이 다시 새로고침되는 전통적인 방식으로 동작한다. (SSR) MPA는 SSR(Server Side Rendering)방식을 채택한다. SSR이란? 서버로부터 데이터까지 완전한 HTML...

자료구조와 알고리즘에 대한 간단 개념정리! 자료구조와 알고리즘 모두 문제해결을 위해 존재한다. 자료구조란? 자료구조(data structure)는 컴퓨터 과학에서 효율적인 접근 및 수정을 가능케 하는 자료의 조직, 관리, 저장을 의미한다. 더 정확히 말해, 자료 구조는 데이터 값의 모임, 또 데이터 간의 관계, 그리고 데이터에 적용할...

JavaScript 동작원리를 간단히 정리한 글입니다. JavaScript 엔진 JavaScript 코드를 실행시키는 엔진. 대대표적으로 google의 V8이 있다. 엔진의 구조도 Memory Heap은 메모리 할당이 발생. Call Stack은 코드 실행에 따라 호출 스택이 쌓인다. JavaScript는 하나의 Call S...

8월 1일부터 9월 11일까지 진행한 Chingu Project v40 회고록입니다. 약 6주간 프로젝트를 진행하였습니다. Chingu Project란? Chingu는 외국의 개발자들과 팀을 이루어서 팀 프로젝트를 경험할 수 있는 동아리입니다. https://www.chingu.io/ 상시 접수기는하나, 일년에 4번정도 프로젝트가...

VScode의 Code Formatter인 Prettier의 기본 설정을 바꿀수 있는 방법을 알게 되서 기록합니다. 1. .Prettier 파일 생성 파일 최상된 디렉토리에 .Prettier 파일을 생성한다. 2. 설정하기 다음과 같은 형식으로 본인이 설정값을 지정하면 된다. { "singleQuote": true, "semi": tr...

안녕하세요. 8월 회고록으로 돌아왔습니다! 8월의 목표. 제가 정했던 8월의 목표입니다. 새로운 리액트 프로젝트 만들기 Promise에 관해 공부해보기 style-component 배우기 (목표 달성) Figma 공부해보기 8월달에 세운 목표는 9월달인 지금 하고 있습니다. 8월달에 협업 프로젝트를 진행했기 때문입니다 😄 ...

안녕하세요 ⭐️ 7월 회고록으로 돌아왔습니다. 7월의 목표. 제가 정했던 7월의 목표입니다. 리액트로 프로젝트 아무거나 하나 이상 만들기(1순위) WebDevCurriculum에 하나 이상 커밋하기 Promise에 관해 공부해보기 리액트로 프로젝트 아무거나 하나 이상 만들기(1순위) 리액트를 연습하기 위해 프로젝트를 2개...

React를 하면서 만났던 error 정리. 1. npm err! react-beautiful-dnd 를 설치하는 도중 생긴 에러 찾아보니 React 버전이 업그레이드 되면서 생긴 종속성 에러 같다. 해결방법 리액트 버전 낮추기 근데 이건 별로 좋은 방법이 아닌것 같다. 버전을 낮출 경우 또 다른 문제...

프로세스 수행 방식인 동기 비동기에 관해 간단히 정리한 글입니다. 동기(Synchronous)란? 요청 후 결과(응답)를 기다리는 것 결과가 올때까지 다음 작업을 하지 않고 기다린다. (작업1) - (작업2) 작업1이 끝나서 결과가 올때까지 작업2는 대기 console.log("1"); console.log("2"); console...