web6 [항해99] 1주차 회고 한 주에 대한 정리 항해99 부트캠프를 시작하고 1주 차가 끝났습니다. 앞으로 매주 무엇을 했는지, 어떠한 생각이 들었는지, 어떤 것을 배웠는지 회고를 해보려고 합니다. 항해의 1주 차는 팀으로 미니 프로젝트를 수행하고 완성하며 이후 긴 시간을 적응하기 위한 준비의 기간이었습니다. 저희 조는 4명으로(중간에 한 분이 하차하셨지만..) 스타벅스 음료들을 리뷰하는 웹 사이트를 만들었습니다. 먼저, 1주 차에 대한 소감은 팀 프로젝트로 협업을 경험하고 스스로 하나의 프로젝트를 완성하는 경험을 가질 수 있었다는 것이 좋았습니다. 물론 대단한 협업이나 대단한 프로젝트를 만든 것은 아니지만, 성취감을 중요하게 생각하는 사람으로서 좋은 경험이 되었다고 생각합니다. 다음에는 프로젝트를 진행하면서 알게 된 것에 대해 정.. 2022. 1. 16. [JavaScript] 비동기 처리 아래의 그림을 보면 동기적 처리와 비동기적 처리를 간단하게 확인할 수 있습니다. 대충 이해가 가시나요? 그림만 보고 정확하게 이해하기는 힘드니 어떤 상황에 사용하는지 어떤 의미인지 알아보겠습니다. \\^-^// 1. 비동기 처리 자바스크립트에서 비동기 처리는 특정 코드의 로직이 끝나는 것을 기다리지 않고 다음 코드를 먼저 실행하는 것을 의미합니다. 동기적 처리는 비동기 처리와 반대로 특정 코드의 로직이 끝나면 다음 코드가 실행되는 것을 말합니다. 비동기적 처리는 작업의 흐림이 끊어지지 않기 때문에 동시에 여러 로직을 처리할 수 있고, 다른 함수를 가져와 사용할 수 있습니다. 예를 들어 한번 보겠습니다. console.log('First'); setTimeout(function() { console.log.. 2021. 9. 3. 서버 사이드 렌더링과 클라이언트 사이드 렌더링 글자 그대로 생각하면 서버 사이드 렌더링은 서버에서 렌더링 하는 것이고 클라이언트 사이드 렌더링은 클라이언트에서 렌더링 하는 것이라고 생각됩니다. 이번 글에서는 이 의미가 맞는지 확인하고 어떠한 장점과 단점이 있는지 알아보겠습니다. :) 1. 서버 사이드 렌더링 (Server Side Rendering, SSR) 서버 사이드 렌더링은 서버에서 웹 페이지를 렌더링 하여 클라이언트로 전송하는 것입니다. 서버에서 페이지를 그려 놓은 후 브라우저에서 화면에 표시하는 것이라고 말할 수 있습니다. 또한, 서버 사이드 렌더링은 요청마다 새로고침이 일어나 웹 페이저 전체를 다시 로딩하는 특징을 가집니다. 서버 사이드 렌더링은 브라우저에 화면을 표시하는 가장 일반적인 방식입니다. 그러나 요즘의 웹 사이트는 너무나 많은 .. 2021. 9. 1. REST API 이번에는 HTTP 메서드를 사용하여 자원을 주고받는 방식인 REST API에 대해 알아보겠습니다. 아래 글을 읽으시면 조금 더 쉽게 이해하실 수 있습니다. :> HTTP 프로토콜 url의 앞에 http나 https가 붙어있는 경우를 본 적이 있을 것입니다. 이번 글에서는 HTTP가 무엇인지 알아보도록 하겠습니다. 그리고 HTTP와 HTTPS의 차이점을 간단하게 확인해 보겠습니다. 프로토콜 프 oagree0123.tistory.com 1. REST (Representational State Transfer) REST는 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미합니다. 자원은 데이터베이스 안에 있는 이미지나 데이터 등 소프트웨어가 관리하는 모든 것을 의미하고, 상태의 전달은 데이터.. 2021. 8. 31. 이전 1 2 다음
