서스포PAR_개발블로그

우주 핵 똥멍청이 서스포PAR... 깃허브만 배포하면 되는것을 Netlify까지 같이하는 줄 알고 깃허브, Netlify 까지 배포하였으니... 그래서 미래를 위해 정리하는 글이다. 외쳐 똥멍청이 💖 Netlify 란? Netlity는 GitHub, GitLab 등과 계정 연동 및 쉬운 호스팅을 제공하며, CDN, Continuous Deployment(지속적 배포), One-Click HTTPS 제공 등 고성능 사이트 / 웹 응용 프로그램을 제작하는데 필요한 쉽고 빠른 다양한 서비스들을 제공합니다. 🎁 홈페이지🎁 https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serve..

이제 곧 취업한지 한달이 다 되어간다. 일을 시작하면서 공부량이 확연하게 줄은 나를 위해 스터디를 준비하였고, 5월 7일 늦게 공부를 시작한 내가 파일을 정리하다 찾은 면접질문 내용들이다. 🔥 CS 더보기 🌠 프로세스가 뭔가요? 프로세스는 운영체제로부터 자원을 할당받은 작업의 단위이다 🌠 스레드가 뭔가요? 스레드는 프로세스가 할당받은 자원을 이용하는 실행 흐름의 단위이다. ※ 스레드는 프로세스 안에 포함되어 있기 때문이다. 🌠 싱글 스레드와 멀티 스레드 1. 싱글 스레드 : 하나의 프로세스에서 하나의 스레드 실행 2. 멀티 스레드 : 프로그램을 다수의 실행 단위로 나누어 실행. 🌠 HTTP 개요 - 인터넷에서 클라이언트와 서버가 데이터를 주고받을 수 있는 프로토콜(규칙)이다. - HTTP는 웹에서 이루어..

웹 개발자들은 왜 인터넷 익스플로러를 싫어할까란 이유라는 동영상을 보다 크로스 브라우징이라는 단어를 들었다. 어딜가나 코로스 브라우징이란 내용이 나오는데 그것이 정확히 무엇인지 알아보도록하자! 💥 왜 웹 개발자들은 익스플로러를 싫어하는 이유! https://youtu.be/T8r-6mMlzWg 💖 크로스 브라우징(cross browsing)이란? 1. 웹 페이지 제작 시에 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업을 말합니다. 2. HTML5, CSS3, Javascript 작성 시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우저, 기기에서 사이트가 의도된 대로 보여지고 작동되는 기법입니다. 🔊 크로스 브라우징이 작업마다 필요한 원인! 브라우저마다 랜더링 엔진이..

📌 메모리 누수(Memory Leak)란? 메모리 누수현상은 프로그램이 필요하지 않은 메모리를 계속 점유하고 있는 현상을 말합니다. 할당된 메모리를 사용한 다음 반환하지 않고 누적이 되기때문에 메모리 누수가 발생합니다. 메모리 누수를 방지하기 위해 가비지 컬렉터가 자동으로 메모리를 관리해주는데, 자동으로 메모리를 관해준다해서 우리가 내부구조나 동작원리를 공부할 필요가 없는 것은 아니다. 그 이유를 아래처럼 정리할 수 있겠다. 1. 같은 기능의 프로그램이더라도 메모리 관리에 따라 속도나 프로세스 실행시간 등의 성능이 좌우된다. 2. 결국 자동이기 때문에 최적화에 한계가 있어서 한정된 메모리를 효율적으로 사용할 수 있는 코드를 작성하는 것은 개발지의 몫이다. 💖 가비지 컬렉션(Garbage Collectio..

vscode에서 코드 작성시, 코드를 이쁘게 정라정돈해주는 Prettier! 코드의 가독성을 올려주니 정말 좋은 도구이다. 🎁 하지만 작동을 위해서 초기 작업이 필요한데 그것을 차차 알아가보자! 🎁 💖 Prettier 이란? 사용자가 작성한 코드를 미리 지정한 포맷팅으로 맞춰주는 포맷터이다. 코드의 품질을 위해 사용하는 ESLint와 성격이 다르다. 🎁Plugin 설치🎁 https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio Marketplace Extension for Visual Studio Code - Code formatter using pret..

웹페이지의 뼈대를 구성하는 언어 HTML : Hyper Text MarkUp Language 마크업 언어인 HTML인데 마크 다운도 존재할까라는 의문이 들었다. 마크업(MarkUp) 언어, 마크다운(MarkDown) 언어 개념정리를 확실히 알고 넘어가자! 💖 마크업(MarkUp)언어란? 마크업 언어는 "마크(Mark)"로 둘러싸인 언어입니다. "태크(Tag)"로 둘러싸였다고도 표현합니다. HTML, XML 등의 마크업 언어들은 문서의 구조를 정의합니다. 쉽게 말하면 문서의 골격에 해당하는 부분을 작성하는데 사용합니다. 💖 마크다운(MarkDown)언어란? 마크다운 언어는 마크업 언어의 일종으로, 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 만들었습니다. 읽기도 쓰기도 쉽다는..

MPA vs SPA 을 정리하다가 계속나오는 SSR과 CSR... 서버에 대한 지식이었으나 알아보면 더 자세히 알 수 있기에 오늘은 SSR과 CSR을 알아보기로 하였다. 📑 SSR VS CSR 🔊 SSR (Server Side Rendering) 말 그대로 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식이다. 🔊 CSR (Client Side Rendering) SSR과 달리 렌더링이 클라이언트 쪽에서 일어난다. 즉, 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내준다. 클라이언트는 그것을 받아 렌더링을 시작한다. 🎠 SSR (Server Side Rendering) 1. User가 Website 요청을 보냄. 2. Server는 'Ready to Render'. 즉, 즉시 렌..

넵플러스 학원에서 수업을 듣다가 SPA (Single Page Application) 혹은 MPA (Multi Page Application)에 대해서 선생님이 프론트엔드에게 필수적으로 알 필요가 있다하였다. SPA, MPA가 무엇인지 한번알아보자 📑 MPA VS SPA 🔊 MPA(Multiple Page Application)는 여러 개(Single)의 Page로 구성된 Application이다. MPA는 새로운 페이지를 요청할 때마다 정적 리소스가 다운로드된다. 매번 전체 페이지가 다시 렌더링 된다. 그래서 MPA를 SSR(Server Side Rendering) 방식으로 렌더링한다고 말한다. 🔊 SPA(Single Page Application)는 한 개(Single)의 Page로 구성된 Appli..