초보 코더의 히스토리

10. 조건문 (if, else if, else, switch)10 - 1 기본적인 if 문if (true 또는 false가 나올 수 있는 조건) {} let y = "hello world";// y의 길이가 5보다 크거나 같으면 길이를 console.log로 출력if (y.length >= 5){    console.log(y.length);} 10 - 2 if - else 문let x = 10;if (x % 2 === 0) {    // main logic #1    console.log("x는 짝수입니다.");} else {    // main logic #2    console.log("x는 홀수입니다.");} 10 - 3 if - else if - else 문let x = 10;if (x 0)..

1. 변수와 상수변수 : 값을 메모리에 저장하고, 저장된 값을 읽어들여서 재사용하는것변수의 5가지 주요 개념이 있는데 내가 잘 몰랏던 3가지만 정리해보았다.변수 할당 : 변수에 값을 저장하는 것변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 것변수 참조 : 변수에 할당된 값을 읽어오는 것 변수를 선언할 수 있는 3가지 방법 : var, let, const변수varlet (ES6)const (ES6)재선언OXX재할당OOX 2. 데이터 타입2 - 1 숫자(1) 정수ex) 10(2) 실수ex) 3.14(3) 지수형(Exp)ex) 2.5e5 (2.5 x 10 ^ 5)(4) NaN (Not a Number)ex) "World" / 2(5) Infinityex) 1 / 0(6) - Infinityex) -1 /..

웹개발 강의에서 준 예제를 이용해 사용가능한 웹페이지로 만들어 보았다. 데이터 저장을 위해 파이어베이스 내 firebaseConfig 코드를 추가했다. 파이어베이스에 저장되게 데이터 코드를 이렇게 짯다.$("#addBtn").click(async function () {            let image = $('#image').val();            let title = $('#title').val();            let star = $('#star').val();            let comment = $('#comment').val();            //  객체 구성            let doc = {                'image': image,  ..

파이어베이스구글이 개발한 개발 플랫폼으로 백엔드 개발 없이 프론트엔드에만 집중할 수 있도록 도와주는 플랫폼이다.파이어베이스를 쓸 수 있는 코드를 기존 코드에 추가를 하면 이용할 수 있는 방식이다.백엔드에 데이터베이스 쪽을 도움을 받아보았다. 백엔드로 데이터베이스 쪽을 저장하게 안해두면 새로고침을 하면 데이터가 다 날라간다.파이어베이스를 이용해 데이터를 저장해 보았다.  이렇게 추가를 하여 새로고침해도 데이터가 파이어베이스에 남아있어서  데이터가 날라가지않는다. 코린이 단계에서는 플랫폼이나 인터페이스 이용을 잘 하는 게 좋은 것 같다.

팀 소개 웹페이지를 간단하게 만들어 보았다. 1. Fetch를 이용해 서울시 현재 온도를 이용해 온도표시를 하게 했다.  li>a href="#" class="nav-link px-2 text-white large-text">현재기온 : span id="tem">span>도a>li> 2. 카드를 만들어 팀원들의 간단한 소개를 적을 수 있게 했다. function makeCard() {            let image = $('#image').val();            let title = $('#title').val();            let comment = $('#comment').val();            let star = $('#star').val();            ..

HTML과 CSS는 어느정도 알겠는데, 아직 자바스크립트 쪽은 처음 접하는쪽 이여서 공부를 해보았다.  JQuery JQuery는 부트스트랩 처럼 자바스크립트를 좀 더 쉽게 사용 할 수 있게 만들어논 라이브러리 같은 것이다. Javascript로 만든 코드가 만약에document.getElementById('코끼리').innerHTML = '초식동물'; 이면JQuery로  만든 코드는$('#코끼리').html('초식동물');로 같은 의미의 코드를 보다 간단하게 표현 할 수 있다 . JQuery를 쓰는 방법은 사이에 를 넣으면 된다. ( id 값을통해 가리키면된다.) function checkResult() {        let fruits = [            { 'name': '수박', 'pr..

첫번째 팀프로젝트를 하게 되었는데 간단한 팀소개 웹페이지를 8월8일 자정까지 만드는것이여서 Javascript 기초문법에 대해 다시 공부를 해보았다.HMTL은 뼈대, CSS는 꾸미는것, Javascript는 화면을 움직이게하는것이다.Javascript는 기본적으로 변수, 리스트, 딕셔너리, 반복문, 조건문 이 5개만 잘알면 왠만한 로직들을 원하는대로 구현을 할 수 있다. 1. 변수변수는 값을 가지고 있는 문법이다. 변수선언let a = 4let a = 'Code'   // 문자열은 작은 따옴표로 표시해줘야한다. 변수 사칙연산let z = 5let x = 7console.log(z+b)  //  12 let c = '코드'let v = '카타'console.log(c+v)  //  코드카타 2. 리스트리스..

HTML : 웹 페이지의 구조를 만드는 언어다. 건물 뼈대만 만든 것과 같다고 보면 된다.CSS : HTML로 만든 구조를 예쁘게 꾸미는 언어다. 건물 뼈대에 인테리어나 페인트 칠을 하는 것과 같다.Backend : 웹사이트나 앱이 동작하게 만드는 보이지 않는 부분으로 주로 서버에서 동작한다. 데이터를 처리하고 저장한다.Frontend : 사용자들이 직접 보는 웹사이트나 앱의 보이는 부분으로 주로 브라우저에서 동작한다. 화면 디자인, 버튼 클릭 등 사용자와의 상호작용을 담당한다.Database : 정보를 저장하고 관리하는 시스템이다. 도서관의 검색대 처럼 많은 정보를 정리하고 찾을 수 있게 해준다.SQL : 데이터베이스와 소통하는 언어예요. 도서관에 있는 책들을 관리하는 시스템을 생각하면 된다.버그(Bu..

1. Node.js 란 무엇인가? ( V8 JavaScript 엔진 기반)Node.js는 서버 측 애플리케이션 개발을 위한 오픈 소스 런타임 환경이다. JavaScript를 서버에서 실행할 수 있게 하며 비동기 이벤트 드리븐 구조를 채택하여 I/O 작업을 효율적으로 처리한다.2. Node.js의 장점비동기 I/O 및 이벤트 드리븐 구조 : 고성능 서버 애플리케이션이 개발 가능하다. (블로킹X)빠른 성능 : V8 JavaScript 엔진을 사용하여 빠른 실행 속도 제공한다.싱글 스레드 : 여러 클라이언트 요청을 효율적으로 처리한다.광범위한 모듈 생태계 : npm(Node Package Manager)을 통한 다양한 모듈과 라이브러리 제공한다.JavaScript 사용 : 프론트엔드와 백엔드 모두에서 동일한 ..

1. Javascript 이란?Javascript란 웹 개발을 위한 프로그래밍 언어로 브라우저에서 실행되는 동적이고 인터랙티브한 웹페이지를 만들기 위해 사용되는 언어이다. 객체기반, 동적 타입을 가지며 이벤트와 비동기 처리를 지원한다. Javascript는 HTML 및 CSS와 함께 웹 개발의 3대 핵심 기술 중 하나로 웹 애플리케이션, 서버 사이드 개발(Node.js), 모바일 애플리케이션 개발 등 다양한 분야에서 널리 사용된다. 2. Javascript 프레임워크 알아보기1. Express.js (Node.js를 위한 경량의 웹 애플리케이션 프레임워크)특징1. 경량 및 유연성 : 최소한의 기능을 제공하며 필요한 경우 다양한 미들웨어를 통해 기능을 확장할 수 있다. 2. 빠른 성능 : 매우 가볍고 빠르..