본문 바로가기

전체 글27

[새싹x코딩온] 웹 개발자 부트캠프 과정 4주차 회고 | 클라이언트 & 서버 오늘은 CS 지식에 대해 꽤 익혀서, 그에 대해 정리해보려고 합니다. 이번 글은 클라이언트와 서버에 대해 정리해보겠습니다. 매번 검색해보다 '클라이언트'와 '서버'라는 용어가 많이 나왔는데 모호하게 알고 있다 알게 되어 좋았습니다. 클라이언트(client)의 영어 본래 의미는 고객인데, 일반 고객보다 어떤 전문적인 서비스를 받는 고객을 의미합니다. 예를 들어 변호사같은 사람에게 자문을 받는 고객의 경우를 들 수 있습니다. 네트워크의 세계에서는 한 사람의 user를 의미합니다. 사용자인 사람이 될 수도 있고, 사용자의 컴퓨터 혹은 모바일 기기일 수도 있습니다. 하나의 공통된 특징이라 하면 바로 어떤 요청(request)의 주체라는 점입니다. 여기서의 이 요청은 서버를 거쳐야 하는 예를 들어 아이디와 패스워.. 2023. 8. 7.
[새싹x코딩온] 웹 개발자 부트캠프 과정 3주차 회고 | Grid System 오늘은 수업 시간에 다룬 부트스트랩(Bootstrap)의 grid system에 대해 소개해 보려 합니다. 먼저 부트스트랩에 대해서 소개하자면, html, css, js 등을 이용해 간단하게 웹페이지를 구성할 수 있는 여러 요소들을 미리 디자인해놓은 사이트입니다. 위의 왼쪽 이미지와 같이 코드를 붙여 넣어 여러 종류의 버튼을 구현할 수도 있고, card list를 생성할 수도 있습니다. 물론 html 내의 head 태그 내에 Bootstrap의 이 소스를 활용할 수 있도록 연결해주는 CDN 코드를 붙여 넣어야 합니다. 해당 CDN link는 아래에서 확인할 수 있습니다. https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started.. 2023. 8. 7.
[새싹x코딩온] 웹 개발자 부트캠프 과정 3주차 회고 | DOM js & jquery 1. DOM(Document Object Model) - 문서 객체 모델 이 DOM은 HTML 문서에 접근하기 위한 일종의 인터페이스로 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 그림으로 설명해보자면 다음과 같이 html의 document를 이루는 요소들을 접근하는 방법이라고 할 수 있다. 2. DOM 명령어 사용 const div1 = document.getElementById('div1'); const div1 = document.querySelector('#div1'); const div1 = $('#div1'); 위와 같이 div1에 div1이라는 id를 가진 요소를 지정해 줄 수 있다. 줄1은 get ElementById를, 줄 2는 querySelector를 이.. 2023. 8. 4.
[새싹x코딩온] 웹 개발자 부트캠프 과정 2주차 회고 | 자료형에 따른 pass 1) Primitive 자료형: Pass by Value 우선, Primitive 자료형에는 Boolean(true, false), Number(숫자 및 NaN), String(문자), Null(빈 값), Undefined(타입도 값도 없는 상태)가 있다. 이런 원시 타입(Primitive Type)에는 값(value)이 복사되어 전달된다. 코드로 보면 다음과 같다. let num = 1; let num2 = num; console.log(num, num2); //1 1 console.log(num === num2); //true num = 5; console.log(num, num2); //5 1 console.log(num === n.. 2023. 7. 29.

티스토리툴바