Frontend

업로드중..데이터를 주고 받기 위해서 브라우저에서 데이터를 요청하면 요청을 받은 백엔드 컴퓨터는 데이터베이스에서 데이터를 처리하여 브라우저에 응답을 돌려줍니다.이 때, 게시글을 등록 후 게시글을 불러왔을 때 게시글이 불러와지지 않는 경우가 있습니다. 이러한 문제는 게시

다른 함수가 실행을 끝낸 뒤 실행되는 함수, 즉 코드를 통해 명시적으로 호출되는 함수가 아닌, 함수를 등록해놓은 후 어떠한 이벤트가 발생했거나 특정 시점에 도달했을 떄 시스템에서 호출하는 함수를 뜻합니다기본적으로 Javascript는 동기적 프로그래밍 언어이다. 하지만

변수 선언 및 초기화 후에 값을 재할당할 수 있다.동일한 변수명으로 중복 선언이 가능하다.var의 단점(중복 선언) 을 보완하기 위해 ES6(ECMAScript6) 에서 새로 등장한 변수 선언 방식이다변수 선언 및 초기화 후에 값을 재할당할 수 있다동일한 변수명으로 중

홈페이지를 만들기 전, Back-end 개발자가 만들어 놓은 API가 몇 개 있고, 어떻게 구성되어 있는지 확인하기 위한 GraphQL API 명세서입니다. rest-API는 포스트 맨에서, API 연습을 할 수 있고, 스웨거에서 엔드포인트 및 API종류들을 살펴볼 수

프로젝트를 만들 때, 한 페이지에 모든 코드를 다 입력하면 코드의 줄 수 가 길어지고, 어떠한 코드가 어떤 기능을 수행하는지, 가독성이 떨어지고 유지보수의 어려움을 줄 수 있습니다. 때문에 프로젝트를 만들 때, 폴더 구조는 굉장히 중요합니다.Container / Pre

이벤트 버블링이란 특정 화면 요소에서 이벤트가 발생하였을때, 해당 이벤트가 더 상위의 화면 요소들로 전달되는 특성을 의미합니다.위와 같은 구조에서 p 태그를 클릭하면 p > div > form 순서로 3개의 경고창이 나타나게 됩니다. 이벤트 버블링으로 인한 클릭 이벤트

프로젝트 협업시 혼자 진행하는 것이 아닌 여러명이서 함께 작업합니다. 따라서 각자의 코드 스타일이 조금씩 다른 경우가 많습니다. 이렇게 다양한 사람들과 협업을 하게 되면서 일정한 규칙을 정하면, 코드 스타일의 일관성을 유지할 수 있어, 유지보수가 쉬울 것이며, 일을 조

브라우저에 접속하게 되면 모든 html, css, src(폰트, 이미지) 를 다운 받아 화면에 보여주게 됩니다.이 과정에서 src, 즉 폰트나 이미지 같은 것들을 한 번에 보여주게 되는 것은 아닙니다. 이 소스들은 용량이 커서 처음부터 바로 보여주게 되면 렌더링 되는

Javascript에서 데이터를 복사할 때, 두 가지 개념이 존재합니다.얇은 복사 (shallow copy) 와 깊은 복사(deep copy) 입니다.복사란?Javascript에서 다음과 같이 데이터를 복사할 수 있습니다.이러한 경우 aaa는 원본, bbb는 복사본이

class는 객체이자 물건 만드는 설명서입니다.class안에는 함수와 변수를 넣을 수 있습니다. 이 변수와 함수를 조합해 붕어빵과 몬스터를 만드는 방법을 적어둘 수 있습니다. 그리고 붕어빵과 몬스터를 만들고 싶다면 new 붕어빵() 으로 만들어 줍니다.만들어진 붕어빵과

자바스크립트에는 this라는 키워드가 있다. this는 문맥에 따라서 다양한 값을 가지는 데, this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구별된다.this의 값들은 크게 4가지 정도로 나눌 수 있다. 즉, this를 이용하는 함수를 4가지 방

이미지의 처리과정을 이해하기 위해서는 storage가 무엇인지 알아야 합니다.일반적으로 데이터베이스에는 사진을 저장하진 않습니다. 왜냐하면 파일이기 때문에 문자열과는 다르게 용량이 큽니다. 따라서 DB에 저장할 경우 용량이 부족하거나 과도한 요금이 청구될 수 있습니다.