나의 코딩 기록

코딩을 기록하는 공간

코딩 기록/기타

더보기 [ 2023.01.27 내용추가 ] → 저는 현재는 Setting Sync를 사용하지 않고 vscode에 github 계정을 로그인하여 vscode 자체 기능인 [확장 및 설정 동기화]를 이용하고 있습니다. 이유는 다른 컴퓨터에서 적용하고 할때 Setting Sync를 사용하면 가끔 오류가 나서 다시 지정해주는 경우도 있고, vscode 자체에 로그인 기능이 생긴 뒤로 자체 동기화가 잘 이루어지기에 굳이 Setting Sync를 사용할 필요성을 못느끼고 있습니다. :) VSCode를 사용하면 settings.json 설정 파일에 이것저것 추가하게 됩니다. 해당 파일의 내용들을 저장하고 다른 컴퓨터에서도 똑같이 불러와서 사용할 수 있는 Settings Sync 확장 익스텐션을 알아보겠습니다. 설정저..

2021. 2. 20.

코딩 기록/기타

작업을 하다보면 VSCode 에서 다른 코드를 찾아보거나 다른 작업을 같이 하는 경우에 에디터가 여러개 켜놓는 경우가 있습니다. 그 때, 파일끼리 헷갈리는 상황이 생기는 경우가 있어서 작업들마다 해당하는 프로젝트의 메인 컬러로 상단 타이틀바의 색상을 바꿔놓으면 프로젝트들을 구분하기가 쉬워집니다. 방법은 간단합니다. vscode 설정에서 settings.json을 보시면 사용자부분과 작업 영역부분을 설정해줄 수 있습니다. 보통은 사용자 부분에는 각자 개발자 본인들만의 사용자 설정이 있고 타이틀바의 색은 공통이 아닌 프로젝트마다 다르게 해줄 것이기 때문에 작업 영역 부분에서 코드를 추가해주시면 됩니다. { "workbench.colorCustomizations": { // 상단 타이틀바 글자색 "titleB..

2021. 2. 20.

코딩 기록/기타

보통의 웹사이트는 브라우저에서 요청을 보내면 프론트 서버에서 필요한 요청을 백엔드로 다시 보냅니다. 백엔드는 그 필요한 요청을 해결하기 위해 데이터베이스에서 데이터를 받아와서 프론트 서버로 보내주고 프론트 서버에서는 받아온 데이터를 HTML과 함게 브라우저로 보내줍니다. 즉 서버에서 렌더링을 마치고 데이터가 결합된 HTML을 브라우저에 받아와주는 방식입니다. 이 방식을 SSR (Server Side Rendering) 이라고 하며 이는 데이터의 흐름이 순서대로 진행됩니다. SSR은 화면의 전체가 한방에 그려진다는 장점이 있지만 과정이 길어 로드가 오래걸릴 수 있다는 단점이 있습니다. 그리고 React, Vue, Angular 등에서 많이 쓰이는 CSR (Client Side Rendering) 방식이 있..

2021. 2. 17.