스파르타내일배움캠프TIL5 2024-11-26(2) 내일배움캠프 Node.js 트랙 22일차OSI 7계층에 대해OSI 7계층의 개념OSI 7계층에 대해 설명하기에 앞서 네트워크에 대해 먼저 짚고 넘어갈 필요가 있다. 네트워크란, 컴퓨터나 기타 기기들이 리소스를 공유하거나 데이터를 주고받기 위해 원격 혹은 무선으로 연결되는 통신 체계라고 할 수 있겠다. 사람이 통신을 하기 위해서 같은 언어를 사용하듯이, 네트워크 통신을 하기 위해선 약속된 통신 형식, 절차, 규약이 필요하다. 그걸 바로 네트워크 프로토콜이라고 일컫는다. 그러나 네트워크 통신의 기능을 오직 하나의 프로토콜만으로 표현하는 쉽지 않은 일이다. 가능하다 해도 유지 보수 측면에서 어마어마한 비효율이 발생할 것이다. 따라서 네트워크 통신 기능에도 모듈화가 필요하다.그렇다면 어떤 기준을 가지고 네트워크.. 개발일지/TIL(Today I Learned) 2024. 11. 26. 2024-11-04 내일배움캠프 Node.js 트랙 6일차1. ZEP에서 이루어진 자바 문법 스터디객체를 복사하고 병합하는 방식 - Object.assign과 전개 구문객체를 복사하고 병합하는 방법에 대해 알아보자 (이 글에서는 편의상 얕은 복사에 대해서만 다루도록 하겠다.)(1) Object.assign()Object.assign() 메서드는 출처 객체들로부터 모든 열거 가능한 자체 속성을 복사해 대상 객체에 속성을 추가한다. 그 후 대상 객체를 반환한다.(출처 : MDN)) 이미 메소드에 복사 과정이 통합되어 있으므로 병합하는 과정에서 얕은 복사를 따로 진행해줄 필요는 없다.메소드의 형식은 다음과 같다.Object.assign(target, ...sources);target : 목표 객체. 출처 객체의 속성을 복사해서 .. 개발일지/TIL(Today I Learned) 2024. 11. 4. 2024-11-01 내일배움캠프 Node.js 트랙 5일차1. ZEP에서 이루어진 팀단위 프로젝트오늘은 프로젝트 발표가 있었던 날이다. 우리가 어떻게 이 프로젝트를 기획했고, 어떤 시행착오를 겪었으며, 문제를 어떠한 방식으로 극복했는지는 충분히 기록으로 남겨두었기 때문에 TIL에는 보다 학습에 관련된 내용을 정리해두려고 한다.(1) 지난 시간 복기 및 자바스크립트 개념 정리지난 시간에는 Firebase를 모듈화하는 방법에 대해 언급한 바 있다. db의 정보와 메서드를 export하는 방식으로 방명록 기능을 구현할 수 있었다. 그러나 시간에 쫓겨서 대충 그러한 게 있다는 정도로만 이해하고 넘어갔던 터라 제대로 정리해두면 좋겠다는 생각이 들었다. 자바스크립트 모듈이란?코드를 재사용이 가능한 단위로 만드는 방법이다. 이를 테면.. 개발일지/TIL(Today I Learned) 2024. 11. 1. 2024-10-31 내일배움캠프 Node.js 트랙 4일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 지난 시간 복기지난 시간, 우리 조는 순풍에 돛을 단 것처럼 많은 기능을 넣는 데 성공했다. 이미지에 애니메이션을 넣은 팀원분도 계시고, 오디오 파일을 삽입하신 분도 계실 정도였다. // 랜덤 포켓몬을 구경해보자!$("#randomPokemon").click(function () { const ball_num = Math.floor(Math.random() * 6) + 1; loadIntro(ball_num);});내 경우엔 랜덤 포켓몬 기능을 구현해봤고, // 검색 기능!function searchPokemon() { // 검색창에 입력한 값을 변수에 저장 let searchInput = $('#s.. 개발일지/TIL(Today I Learned) 2024. 10. 31. 2024-10-28 내일배움캠프 Node.js 트랙 1일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 프로젝트 기획 및 준비일주일 동안 7조의 조장을 맡아, 팀을 소개하는 프로젝트인 Monster A.K.A.ive의 진행을 맡게 되었다.우선 오늘은 캔버스 위에 자유롭게 다이어그램을 이용하여 우리가 만들고자 하는 웹사이트를 구상해 보았다. 북마크로부터 시작한 브레인 스토밍의 종착지는 바로 포켓몬 도감집이라는 컨셉.우리가 스타팅 몬스터의 역할을 맡고, 사이트 방문자가 몬스터 볼 중 하나를 선택하면 포켓몬 도감처럼 각자의 소개글이 나오게끔 프로젝트의 방향을 잡았다.(2) 프로젝트 진행 과정아직은 개발에 익숙지 않은 팀원분들도 계시기에 오늘은 HTML과 CSS를 이용해 웹페이지의 뼈대만 간단히 만들어 보았다. HTML 기본 골.. 개발일지/TIL(Today I Learned) 2024. 10. 28. 이전 1 다음
