SeSAC12 [새싹X코딩온] 풀스택 34주차 회고록 WebSocket / Socket.IO 2차 프로젝트에서 사용했던 Socket 기술을 정리해본다 TCP / IP 컴퓨터 네트워크에서 데이터 통신을 위한 프로토콜 스택 TCP ( Transmission Control Protocol ) TCP 는 데이터를 신뢰성 있게 전송하기 위한 프로토콜 네트워크 인터페이스 계층 물리 계층과 데이터 링크 계층에 해당 데이터를 전기 신호로 변환하거나 광 신호로 변환하여 전송 MAC ( Media Access Control ) 주소를 관리 인터넷 계층 네트워크 계층에 해당 데이터 패킷의 라우팅과 논리적인 주소 지정을 담당 IP 프로토콜이 이 계층에서 작동하며, 패킷의 출발지와 목적지 IP 주소를 사용하여 라우팅 수행 전송 계층 신뢰성과 흐름 제어를 관리 TCP와 UDP가 이 계층에서 작동 응용 계층 최종 사용자에.. 2023. 11. 21. [새싹X코딩온] 풀스택 2차 프로젝트 회고록 지난 3주간 새싹에서의 두번째 프로젝트가 진행됐다 1차 프로젝트에서 아쉬웠던 부분을 최대한 채우기 위해 노력했지만 역시 아쉬움은 항상 남는 것 같다 프로젝트를 되돌아보고 되새기며 글을 작성해 보겠다. 프로젝트명 : BEAT BAY 기획 의도 : 기존의 M사이트의 불편한 점을 개선해 보기로 만든 음악인들의 중고거래와 재능을 거래하는 웹 어플리케이션 기간 : 23.10.23 ~ 23.11.10 팀 구성 : 백엔드 2 / 프론트 3 Github Back End : https://github.com/sesac-ydp5-2nd-C/2nd-project-beatbay-back GitHub - sesac-ydp5-2nd-C/2nd-project-beatbay-back: sesac 영등포 5기 2차 프로젝트 Back.. 2023. 11. 14. [새싹X코딩온] 풀스택 1차 프로젝트 회고록 새싹 과정을 시작한지 2달이된 시점에서 그간 배운것을 토대로 1차 프로젝트를 시작하게 됐다. 결과적으로 5개팀 중 1등으로 뽑혔지만 만족보단 아쉬운 점이 많았던 것 같다. 아무튼 9.6 ~ 9.22 2주 동안의 과정을 정리해본다. 프로젝트명 : CRUD:Conference & Review for U ! Developer ( CRUD ) 기획 의도 : 개발 컨퍼런스와 컨퍼런스 리뷰에 대한 정보를 제공 기간 : 23.09.06 ~ 23.09.22 팀 구성 : 백엔드 3 / 프론트 2 깃허브 : https://github.com/sesac-ydp5-pullAmen/Dev_Conference_Info_Service GitHub - sesac-ydp5-pullAmen/Dev_Conference_Info_Servi.. 2023. 9. 24. [새싹X코딩온] 풀스택 5주차 회고록 - 1 | 동기/비동기 동기, 비동기의 수업을 듣다가 제대로 이해하지 못한거 같아서 중요한 내용이니 만큼 자세히(내 기준..) 정리를 해보려고 한다..ㅜㅜ 동기( Synchronous )와 비동기 ( Asynchronous ) 동기 한 작업이 실행되는 동안 다른 작업은 멈춘 상태를 유지하고 자신의 차례를 기다리는 것 이러한 동작을 단일 스레드 ( 싱글 스레드 ) 라고 부른다. 비동기 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼 저 실행하는 자바스크립트의 특성 callback 함수 JavaScript는 함수를 인자로 받고 다른 함수를 통해 반환될 수 있는데, 인자(매개변수)로 대입되는 함수를 콜백함수라고 함 다른 함수가 실행을 끝낸 뒤 실행되는 함수 함수를 선언할 때는 parameter(인자, 매개.. 2023. 8. 19. [새싹X코딩온] 풀스택 4주차 회고록 - 2 | Node.js, javascript 심화 Node.js Node.js의 특징 스택 ( Stack ) 한쪽 끝에서만 자료를 넣고 빼는 작업이 이루어지는 자료구조 LIFO ( 후입선출 ) 구조 top : 스택의 가장 윗 부분 pop : 가장 최근에 삽입된 자료 삭제 push : top에 새로운 자료 추가 stack underflow : 스택이 비어있는데 pop을 시도했을 때 발생 stack overflow : 스택이 꽉 차있는데 push를 시도했을 때 발생 콜 스택 ( Call Stack) function first() { second(); console.log(1); return; } function second() { console.log(2); return; } first(); 위의 코드가 실행되면 어떤 값이 출력될까? 콜스택은 LIFO ( .. 2023. 8. 13. [새싹X코딩온] 풀스택 4주차 회고록 - 1 | 클라이언트와 서버 서버 ( Back-End ) 클라이언트에게 네트워크 통해 서비스를 제공하는 컴퓨터 시스템 DB에서 필요한 정보를 가공하여 클라이언트에게 전달해주는 추상적 존재 클라이언트 ( Front-End ) 웹 브라우저로부터 입력(정보요청)을 받아 서버와 통신하고 사용자에게 결과를 전달하는 시스템 우리같은 사용자나 컴퓨터, 스마트 기기가 될 수도 있다. 클라이언트와 서버의 통신 클라이언트가 웹 브라우저를 통해 원하는 서비스를 요청하면 서버에서는 해당 요청사항에 맞는 결과를 응답한다 이때 요청과 응답이 Http 요청과 Http 응답이다. Http ( Hyper Text Transfer Protocol ) 브라우저와 서버가 통신할 수 있도록 만들어주는 여러 프로토콜 가운데 한 종류로 웹 브라우저와 웹 서버 사이에 HTM.. 2023. 8. 12. 이전 1 2 다음
