본문 바로가기

반응형

Coding

[내일배움캠프] Node.js 4기 TIL | Day 08 | 24.01.05.(금) [ES6 문법 소개 및 실습 1] 2015년 이전 => var es6 => let(변수), const(상수) 구조분해할당 : destructing 배열이나, 객체의 속성 (1) 배열인 경우 let arr = ["value1", "value2", "value3"]; let [a, b, c, d] = arr; console.log(a); // value1 console.log(b); // value2 console.log(c); // value3 console.log(d); // undefined. (2) 객체인 경우 let { name, age } = { name: "nbc", age: 30, } console.log("name => ", name); // string console.log("age => .. 더보기
[내일배움캠프] Node.js 4기 TIL | Day 07 | 24.01.04.(목) 1995년 자바스크립트 탄생 - 넷스케이프 커뮤니케이션(LiveScript → JavaScript) - 브라우저 동작 스크립트 언어 1999년 자바스크립트 표준화(ECMA-262 완료) 2005년 AJAX 등장 - 비동기 웹 애플리케이션 개발 가능 - 폭발적인 UX(User Experience) 향상 2008년 VS 엔진 2009년 Node.js 등장 - FrontEnd + BackEnd + DB(MongoDB) = FullStack 2015년 ECMAScript6 (ES6) 버전 출시 2016년 프론트엔드 프레임워크(React, Vue, Angular) 대중화, SPA 개발 활성화 JS 언어의 특징 - 객체 지향 프로그래밍 지원 - 동적 타이핑 : 변수를 선언할 때 타입을 지정하지 않음. 런타임 시점에.. 더보기
[내일배움캠프] Node.js 4기 TIL | Day 06 | 24.01.03.(수) [왕초보] 웹개발 종합반 4주차 파이어베이스(Firebase)란? 파이어베이스는 구글이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼입니다. 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와줍니다. - 파이어베이스는 웹 서버를 대신 만들어주는 서비스 - 서버 개발 없이 제작 가능 - 백엔드 코드 한 줄 없이도 프론트지식(HTML, CSS, HS)만 알아도 웹 서비스 출시 가능! 서버로 데이터를 전송하는 코드 : 프론트엔드에서 작성 데이터를 받으면 데이터베이스에 저장하는 코드 : 파이어베이스에서 작성 -- 데이터베이스란? 데이터베이스는 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음 데이터는 데이터를 잘 찾기 위해서 존재하는 것!! 데이터분석하기 위.. 더보기
[내일배움캠프] Node.js 4기 TIL | Day 05 | 24.01.02.(화) Bootstrap 기억나시나요? JQuery도 남들이 만든 코드 모음, 라이브러리예요! fetch가 뭐냐구요? 간단히 말하면, 'fetch'는 인터넷을 통해 데이터를 요청하고 받아오는 과정을 의미합니다. toggle되면 .. 사라진 게 아니라.. 해당하는 요소의 display 값이 none으로 지정된 것이다 .. JSON은 Key:Value로 이루어져 있습니다. 자료형 Dictionary와 아주 유사하죠! API는 은행 창구와 같은 것! * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 * POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청할 때 더보기
[내일배움캠프] Node.js 4기 TIL | Day 04 | 24.01.01.(월) 태그가 하나 밖에 없으면 . 안 붙여도 된다. 그냥 있으면 태그, . 있으면 이름표 이름 클라이언트가 서버에 요청하면 서버가 클라이언트에게 HTML+CSS+Javascript를 준다. 역사적으로 Javascript가 웹 브라우저에서 실행되는 스크립트 언어로 사용되어 왔다. Javascript가 브라우저한테 명령을 내리는 '표준'이라고 생각하시면 된다. Java와 Javascript는 어떤 차이가 있나요? 🤔 인도와 인도네시아... 햄과 햄스터... 아무 관련 없다. 숙제 정답 function checkResult() { let people = [ { 'name': '서영', 'height': 165 }, { 'name': '현아', 'height': 170 }, { 'name': '영환', 'height.. 더보기
[내일배움캠프] Node.js 4기 TIL | Day 03 | 23.12.31.(일) 리액트 페이지 라우팅 완전 정복 리액트 페이지 라우팅은 리액트 애플리케이션에서 사용자가 URL을 통해 페이지에 접근할 때 해당 URL에 따라 서로 다른 컴포넌트를 보여주는 기능입니다. 리액트 애플리케이션을 개발할 때 페이지 라우팅은 필수적인 기능으로, 사용자에게 직관적이고 편리한 사용 경험을 제공할 수 있습니다. 이 글에서는 리액트 페이지 라우팅의 기본 개념부터 고급 기능까지 미친 디테일로 살펴보겠습니다. 1. 페이지 라우팅의 개념 페이지 라우팅은 크게 두 가지로 나눌 수 있습니다. 서버 사이드 라우팅 클라이언트 사이드 라우팅 서버 사이드 라우팅은 서버에서 URL을 분석하여 해당하는 페이지를 응답하는 방식입니다. 기존의 웹 애플리케이션에서 주로 사용되는 방식입니다. 클라이언트 사이드 라우팅은 클라이언트에.. 더보기
[내일배움캠프] Node.js 4기 TIL | Day 02 | 23.12.30.(토) index.html 나만의 추억앨범 추억 저장하기 앨범 이미지 앨범 제목 앨범 내용 앨범 날짜 기록하기 닫기 앨범 제목 앨범 내용 앨범 날짜 앨범 제목 앨범 내용 앨범 날짜 기록하기 닫기 앨범 제목 앨범 내용 앨범 날짜 앨범 제목 앨범 내용 앨범 날짜 더보기
[내일배움캠프] Node.js 4기 TIL | Day 01 | 23.12.29.(금) html : 뼈대 css : 꾸미기 js : 뭔가 움직일 수 있음 margin : 상 하 좌 우 auto : 끝까지. *은 모든 태그 .mytitle > button { } mytitle 안에 있는 button이다~ 더보기

반응형