엘리스트랙 AI 8기 수업 첫날 배운 것들strong 태그: 글자를 강조하는 태그a href태그: 링크를 연결하는 태그img태그의 src 값에 이미지 주소를 복사해 첨부,alt에 이미지를 표시할 수 없을 때 이미지를 대체할 문구를 적어준다.width,height 를 통
어제에 이어 HTML 강의~HTML/JS/CSS 한 장 요약HTML은 정보/설계도. 즉 뼈대의 기능을 한다.JS는 웹페이지의 기능과 효과, 인간의 뇌와 장기 등의 역할.CSS는 디자인과 스타일링. 사람의 이목구비와 피부,옷차림 등의 역할이다.웹사이트 제작시 고려사항(
실습강의 컴퓨터의 구조 CPU - 작업자(복잡한 연산일수록 좋은 CPU) RAM - 작업 테이블(다다익선) STORAGE 동시에 디스코드,크롬,카톡을 실행하는 것이 아니라 순차적으로 한개씩 함미친 피지컬 반응형 웹 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC
반응형웹을 만들기 위해서는 transform, transition, animation의 세 가지 속성을 사용한다.웹사이트의 특정 영역에서 object의 각도,크기,위치 변경시 사용.rotate: 입력한 각도만큼 회전scale(width,height):확대/축소, 축소할
GIT GIT을 사용하는 이유 효율적인 협업 쉬운 버전 관리 ->마인크래프트 스냅샷처럼 원하는 버전을 골라 수정할 수 있음 GIT의 특징 1.가지치기와 병합 ->여러가지 수정본을 만들고 그걸 병합할 수 있음. 각 작업자들이 버전 히스토리를 가질 수 있다. 2.가볍
인터프리터 개념 참고 자바스크립트 하나 하나씩 읽고 기계어로 바꾸는 인터프리터 언어. 실행파일을 파이썬은 인터프리터 언어인가? 변수... 대명사와 비슷하다고 이해해도 되지 않을까용? var ㅁㅁ: ㅁㅁ는 변수! var는 variable의 줄임말! 인터프리터 실행
JAVASCRIPT 어제에 이어 자바스크립트 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어. HTML이 인간의 뼈대, CSS가 옷이라면 자바스크립트는 인간의 뇌,장기의 역할을 한다. 자바스크립트는 IOT,하이브리드 앱(오피스),서버 개발에 활용된다. 자바스크립트
오후 실습강의 필기 함수 호이스팅 참고 자바스크립트 자바스크립트 메모리 구조 JS[메모리 힙] [콜 스택] 메모리 -heap과 stack으로 구성됨 heap과 Stack: 두 개 모두 메모리 영역. 프로세스가 할당받은 메모리 중 메모리의 사용 용도/목적에 따라 개념
자바스크립트 기초 연산자 숫자뿐만 아니라 문자열도 산술 연산자 사용 가능! 정말 연산이 된다! 다만 +연산자는 문자열이 연산자/피연산자인 경우에는 연산자/피연산자를 문자열로 바꿔 연결시킨다. 연산의 순서를 잘 생각하기~! 비교연산자는 가볍게 정리만 했다. !=는
개념정리가 조금 부족한 것 같아 추가컴파일: 작업을 하기 위해 필요한 패턴을 찾는 것.정규표현식 리터럴정규표현식 객체 생성자/a/와 new RegExp 모두 정규표현식 객체로, pattern에 저장된 상태이다. 정규표현식 메소드찾고자 하는 문자열 정보 추출(exec)해
DOM DOM: 브라우저가 이해할 수 있는 자료구조. html태그 아래에 head태그가 있고, head태그의 아래에는 title,meta태그가 있음. Event 객체와 인스턴스 함수 심화내용 map,filter,reduce
DOM (Document Object Model) 문서 객체 모델. 객체지향 모델로서 구조화된 문서를 표현하는 형식. HTML,XML문서의 프로그래밍 인터페이스와 문서의 구조화된 표현을 제공한다. 구조화된 표현을 통해 문서의 구조와 스타일,내용 등을 변경할 수 있다.
모듈 프로그램을 구성하는 요소. 관련된 데이터와 함수를 하나로 묶은 단위. 프레임워크는 패키지보다, 패키지는 라이브러리보다 크고, 라이브러리는 모듈보다 크다. 모듈 불러오기 import ''안의 경로의 파일에서 모듈을 불러온다. (../는 상위 디렉토리, ./는
함수 실행 과정 JS에 아무 코드가 없어도 this,변수들(Variable Object), Scope chain은 초기화된다. this는 코드가 실행되는 환경에서 가리키는 객체로, 아무 코드가 없는 경우에는 최상위 스코프에 위치한 객체인 window를 가리키게 된
자바스크립트의 특징 자바스크립트는 싱글 쓰레드(일 할 수 있는 손이 한 쌍)로 동작하는 언어다. 자바나 다른 언어들은 멀티 쓰레드를 제공하는데, 자바스크립트는 싱글 쓰레드로 HTTP요청, 이벤트 핸들러,타이머 함수 등의 작업을 모두 처리해야 한다. 자바스크립트가 싱글
어제의 내용의 연장선이라 새로 배운 것들만 정리함! 동기적 제어 흐름 동기적 제어 흐름은 현재 실행 중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는 것이다. 싱글 스레드 환경에서 메인 스레드를 긴 시간 점유하면, 프로그램을 멈추게 한다. 네이버 실행이 동
네트워크 여러대의 컴퓨터가 연결되고 서로 통신할 수 있는 것 종류 PAN:가장 작은 규모의 네트워크, 에어플레이, 퀵쉐어같은것! LAN: 가정집 규모의 근거리 영역 네트워크. ISP(통신사)로부터 인터넷이 들어옴. MAN: 대도시영역 네트워크(잘 사용하지는 않음)
async / await Promise를 활용한 비동기 코드를 간결하게 작성하는 문법 async/await 문법으로 비동기 코드를 동기 코드처럼 간결하게 작성할 수 있다. 그러나 async 함수 내부의 코드 실행이 비동기적인 것은 아니다. async로 선언된 함수는 반
import React from "react";import "./App.css";import Button from '@mui/material/Button';import counterModuleStyle from './app.module.css'// .title을 중복되
사용자 인터페이스를 만들기 위한 JavaScript 라이브러리.ComponentReact에서 서비스를 개발하는 데 있어 독립적인 단위,쪼개어 구현Virtual DOM가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로
Props 컴포넌트에 원하는 값을 넘겨줄 때 사용. 변수,함수,객체,배열 등 자바스크립트의 요소라면 제한없이 넘겨줄 수 있다. Props가 변경되면 컴포넌트가 다시 렌더링된다.부모 컴포넌트에서 자식 컴포넌트로만 전달이 가능하다. props의 값을 임의로 변경해서 사
Hooks 개요 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용 어제 배운 useState,useEffect 모두 Hook이다. React 함수(컴포넌트, Hook) 내에서만 사용이 가능하고, 훅의 이름은 반드시
SPA와 라우팅 SPA(Single Page Application)은 하나의 페이지 요청으로 전체 웹앱을 사용하는 방식. Client-side routing 기술(클라이언트쪽에서 발생하는 라우팅) 을 활용, 페이지 진입 시 리로드없이 라우팅함.(전체 사이트를 다시
Express.js 자바스크립트와 나의 관계... 3년동안 같은 반이었는데 말 걸어본 지는 손에 꼽는 사이랄까? 봐도봐도 모르겠다. 지난주 리액트,Next.js에 이어 또 새로운 js친구가 나오셨다. [Express.js는 무엇인가? ] (https://wikibo
Middleware Express.js 동작의 핵심! HTTP 요청과 응답 사이에서 단계별 동작을 수행해주는 함수. Express.js의 미들웨어는 HTTP 요청이 들어온 순간부터 시작됨 미들웨어는 HTTP 요청과 응답 객체를 처리하거나, 다음 미들웨어를 실행할 수
Mongo DB 대표적인 Not only Structured Query Language, Document DataBase 이름의 mongo는 humongous를 줄인 표현이라고 한다.엄청 큰 DB 라는 뜻이다! Structured Query Language SQL.
본인 이해를 위한 정리용 Express.js 시작 mkdir new express new --view=ejs 이때 view를 ejs로 설정하지 않으면 pug로 설정된다! cd new /new 경로에서 npm i /new 경로에서 npm start 파일트리 cont
몽고디비에서 기본으로 제공해주는 서버(127.~)가 아니고 아틀라스 서버를 연결했다면 몽고디비로 connect 할 때 url에 .env파일에 MOGODB_URL로 설정한 "mongodb+srv://~"를 입력해주자. 이거 몰라서 계속 헤맸다...