앞서 컴퓨터들이 계층 구조를 이루며 연결되어있는 것을 보았다. 이렇게 전 세계의 컴퓨터들이 계층 구조로 연결되어있는 것을 인터넷이라고 한다. 또한, 이보다 더 이전에 두 대의 컴퓨터가 0과 1로 된 데이터를 어떻게 주고받는지 살펴보았다.이것은 OSI 7계층 중 1계층인

민주의 컴퓨터와 주희의 컴퓨터가 전선으로 연결되어 있다면 서로 데이터를 주고받을 수 있다. 그런데 민주는 현지에게도 데이터를 보내고 싶어졌다. 그러면 현지의 컴퓨터하고도 전선을 연결하면 된다!하지만, 이런 방식으로 컴퓨터를 통신시키기 위해서는 많은 전선이 필요하고 전선

모든 파일과 프로그램은 0과 1의 나열이다. 따라서 두 대의 컴퓨터가 통신하기 위해서는 서로 0과 1만 주고받을 수 있으면 된다.1을 보낼 때는 +5V의 전기를 전선으로 흘려보내고0을 보낼 때는 -5V의 전기를 전선으로 흘려보내면 0과 1의 전송이 가능하다.0과 1을

지금은 전혀 그렇지 않지만, 같은 회사의 컴퓨터끼리만 통신이 가능했던 시절이 있었다. 자신의 업체 장비들끼리만 연결이 되고 다른 회사의 장비와는 연결이 되지 않는 호환성에서의 문제점이 있었던 것이다. 이러한 문제점을 해결하기 위해 모든 시스템들이 서로 연결되는 데 문제

일상에서 지켜야하는 규칙이 있듯이 네트워크에서도 문제없이 통신을 하기 위해서는 지켜야하는 규칙이 존재한다! 만약, 프랑스어를 못하는 한국인과 한국어를 못하는 프랑스인이 만났다면 두 사람은 대화를 할 수 있을까? 서로의 언어를 이해하지 못하기 때문에 대화가 불가능할 것이

자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법기존 비동기 처리 방식인 콜백 함수, 프로미스의 단점을 보완해 개발자가 이해하기 쉬운 코드를 작성할 수 있게 해줌여기서 fetchUser()라고 하는 코드는 서버에서 데이터를 받아오는 HTTP 통신 코드라고 가정

promise를 다룬 지난 블로깅에 이어 reject와 resolve에 대한 보충 설명과 함께 실제 HTTP 통신 과정에서 promise가 어떻게 사용되는지, 그리고 depth가 깊어지는 단점을 보완해주는 async/await를 같이 알아보도록 하자.지난 블로깅에서 배

지난 글에서 Axios에 대해 설명하며 Axios는 return을 Promise 객체로 해주기 때문에 response 데이터를 다루기에 용이하다고 작성했었다. 하지만, 회사 내 스터디원분들께서 Axios는 return을 json 형식으로 하는 것이 아니냐고 질문해주셨고

회사에서 진행하는 스터디에서 axios, fetch 관련 내용을 배우게 되었다!그런데 해당 개념을 정확하게 이해하기 어려워서 다시 스스로 공부해보고 공부한 내용을 짧게나마 정리해보려 한다🙂개발을 할 때 클라이언트와 서버 간 데이터를 주고받는 행위는 필수적이다. 그리고

Lesson 04. 가정에서 하는 랜 구성 일반적인 가정에서 하는 네트워크 구성에 대해 알아보자. 가정에서는 기본적으로 네트워크를 아래 그림과 같이 구성한다. [그림 넣기] 네트워크는 크게 랜과 왠으로 나눌 수 있는데 집에서 구성하는 네트워크는 랜이다. 그렇다면 집

클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메서드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다. *출처: 위키백과 실무에서는 사용자나 물건 같이 동일한 종류의 객체를 여러 개 생성해야하는 경우가 자주 있는데, 클래스(class)를 사용하면 객체 지향 프로그래밍에서 사용되는 다양한 기능...

개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생기곤 합니다. 가끔은 객체나 배열에 저장된 데이터 전체가 아닌 일부만 필요한 경우가 생기기도 하죠.이럴 때 객체나 배열을 변수로 '분해’할 수 있게 해주는 특별한 문법인 구조 분해 할당(destructuri

재귀 재귀는 큰 목표 작업 하나를 동일하면서 간단한 작업 여러 개로 나눌 수 있을 때 유용한 프로그래밍 패턴이다. 목표 작업을 간단한 동작 하나와 목표 작업을 변형한 작업으로 단순화시킬 수 있을 때도 재귀를 사용할 수 있다. 특정 자료구조를 다뤄야 할 때도 재귀가 사용

Sourcetree에서 팀 작업을 하기 위해 팀 Repository를 클론하려할 때 다음과 같은 오류가 발생했다..! please make sure you have the correct access rights and the repository exists.내가 이전에

✍MongoDB 접속 에러 원인 Mongodb 계정 비밀번호에 포함된 특수문자가 인코딩되면서 발생한 에러 에러 로그 해결 방법 비밀번호에 있는 특수문자 삭제 참고글 https://stackoverflow.com/questions/55753484/mongoparse

5개월 간의 짧다면 짧고 길다면 긴 국비지원 과정이 드디어 끝이 났다! 2월 중순부터 7월 중순까지 정말 많은 것들을 배울 수 있었던 값진 시간이었다. 국비지원 수업은 수료하기 전 일주일 정도의 기간을 제외하고 모두 비대면으로 진행되었지만, 그럼에도 불구하고 좋은 팀원

문제 상황 1 독립서점에 다녀와 리뷰를 등록하는 위 화면에서 서점, 해시태그, 매력 포인트 선택 시 사용자는 각 항목의 이름을 등록하지만 DB에는 각 항목의 id 값이 들어가게 하고 싶었다. 2 또 ReviewDaoMapper의 insert 구문 실행 시 한 번의 i

bind 함수 bind함수를 사용하면 this는 내가 정한 object로 고정된다. 예제 bind를 사용해 Calc 객체를 넘겨주기 예제 1) - 덧셈 1. 객체를 얻어서 값 얻기 2. 리액트 방식으로 개체를 얻어서 값 얻기 3. state 이용하기 예제 2) - 스타일 변경 🐥 마무리 독립서점 맵 서비스 프로젝트가 한창이라 블로그에는 그날 ...

Set Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다. Set 객체 값 나열하기 forEach, for-in for-of Map Map 객체는 키-값 쌍을 저장하며 각 쌍의 삽입 순서도 기억하는 콜렉션이다. 아무 값(객체와 원시 값)이라도 키와 값으로 사용할 수 있다. 값의 열거 방법 Map.protot...

문제 상황 내가 작성한 ReviewDaoMapper.xml의 sql 쿼리는 제대로 동작하지만 컨트롤러에서는 select의 결과 목록들을 제대로 못 받아오는 것을 발견! ReviewDaoMapper.xml ReviewController Console 콘솔창에서 Row: 옆을 보면 mapper의 쿼리들이 제대로 동작해 select 명령이 잘 실행됐지만