Amada Coding Club

[Promise] Promise API에 대해 알아보자 [비동기] 비동기 함수에 대해 알아보자 최근에 Async와 await함수를 다루다가 Promise는 무엇이고 비동기 함수, 그리고 callback은 무엇인지 궁금해졌다. 이를 정리해보려고 한다. 프론트엔드에서도 데 amadaclub.tistory.com 지난 시간에는 Promise API에 대해 알아봤다. 기존 비동기 함수를 사용할 때 처리하는 함수로 콜백 함수를 썼지만 콜백안에 또다른 비동기가 들어가는 경우 그리고 안에 다른 콜백이 들어가는 경우 콜백 지옥이 일어날 수 있다고 했다. 이 콜백 지옥을 풀어주는? 해결해주는? 기능이 Promise API이고 Promise를 좀 더 쉽게 사용할 수 있게 돕는 기능이 오늘 다룰 Async와 Await이다...

[비동기] 비동기 함수에 대해 알아보자 최근에 Async와 await함수를 다루다가 Promise는 무엇이고 비동기 함수, 그리고 callback은 무엇인지 궁금해졌다. 이를 정리해보려고 한다. 프론트엔드에서도 데이터 처리는 많이 일어나기 때문에 비동 amadaclub.tistory.com 지난 게시글에서 비동기 함수에 대해서 알아보았다. 어떠한 비동기 함수가 종료되고 나서 처리되는 함수로 콜백함수를 사용한다고 했다. 그러나 콜백함수는 콜백이 연달아 호출되며 가독성을 떨어트리는 콜백 지옥을 일으킬 수 있다. 이 문제를 해결하기 위해 콜백함수를 분리하는 방법을 사용할 수 있지만 다른 방법으로 Promise(프로미스 or 프라미스)를 사용할 수도 있다. Promise 비동기 처리를 하고자 할 때 Promis..

최근에 Async와 await함수를 다루다가 Promise는 무엇이고 비동기 함수, 그리고 callback은 무엇인지 궁금해졌다. 이를 정리해보려고 한다. 프론트엔드에서도 데이터 처리는 많이 일어나기 때문에 비동기에 대해 명확하게 알아두면 좋을 것 같다. 먼저 비동기 함수에 대해 알아보자. 비동기함수 일반적으로 우리가 짜는 코드는 동기적으로 실행된다. 이때 동기적이란 A가 실행될 때 A가 종료될 때까지 기다렸다가 다음 로직이 실행되는 순차적으로 실행되는 것을 말한다. 비동기는 한마디로 동기적으로 실행되지 않는 것을 말하며 A가 실행되면 A가 종료될 때까지 기다리지 않고 다음 순서의 함수가 실행되는 것을 말한다. 그림으로 나타내면 다음과 같다. 비동기는 왜 필요할까? 외부 API에서 데이터를 가지고 올 때..

보통 웹 주소에 대해 말할 때 URL이라는 말을 많이 사용한다. 그런데 이번에 Router에 대한 글을 쓰면서 URL이외에 URI라는 말을 많이 썼다. URI는 뭐고 URL은 뭔지 궁금해서 정리를 해보고자 한다. 먼저 요약하면 URI는 이름 URL는 위치를 나타낸다. 사람에 비유하면 URI는 각자의 이름, URL은 그 사람들이 사는 지역을 생각하면 편하다. 다시 말해 URL 이 성동구일때 URI는 성동구의 홍길동, 성동구의 임꺽정과 같은 유일한 존재이다. 이제 자세하게 살펴보자 URI와 URL의 관계 먼저 URI는 Uniform Resource Identifier URL은 Uniform Resource Locator의 약자로 이름 그래도 URI는 id를 URL은 위치를 나타낸다. 이 두 개의 관계는 위와..

어우 원래 이 내용을 쓰려고 했는데 어찌하다보니 SEO에 대한 이야기를 해버렸다 2023.01.12 - [Front-End/관련 지식들] - [Front-End] SEO의 개념과 중요성 우리가 무언가 개발을 할 때 라우팅을 많이 사용한다. React에서도 React-router-dom을 사용하고 다른 라이브러리나 프레임워크에서 라우팅을 지원한다. 이전에는 라우팅이라는 주제에 대해 모르는 상태에서 그냥 그렇구나하고 개발했었는데 이제는 라우팅에 대해 알고 있어야 할 것 같아서 라우팅에 대해 알아보고자 한다. Routing이란? Routing은 route(경로)에 ing가 붙여진 것으로 출발지(기존 주소)에서 목적지(가려고 하는 주소)까지의 경로를 설정하는 기능이다. 다시 말해 기존 화면에서 다른 화면으로 화..

[SPA SEO] SPA에서의 SEO 문제 지난 SEO에 대한 이야기를 이어서 2023.01.12 - [Front-End/관련 지식들] - [Front-End] SEO의 개념과 중요성 [Front-End] SEO의 개념과 중요성 원래는 웹 라우팅에 대한 글을 먼저 쓰려고 했다가 참조 블로그에서 amadaclub.tistory.com 이전 게시글에 이어서.. SPA에서 발생하는 SEO 적용 문제에 대해 SSR을 통해 문제를 해결할 수 있다고 했다. 일단 SSR은 뭘까? SSR(Server Side Rendering) 와 CSR(Client Side Rendering) SSR, 서버 사이드 렌더링은 서버에서 사용자에게 보여줄 페이지를 렌더링해서 클라이언트에 보내 페이지를 보이는 방식을 말한다. 반면에 CSR..