프론트앤드 과정 공부

이번 velog를 시작하면서 원래는 네이버 블로그를 사용하고 있었고 최근 까지도 어떤 블로그를 사용하던지 별 다를 것이 없다고 생각했었다. 그런데 몇달 전에 강사님 으로부터 velog를 알게 되었고 많은 개발자들이 노션, velog를 많이 사용한다고 말씀해 주셨고 이

JavaScript란?웹을 위한 언어이다.프로그래밍 언어이다, 서버개발, 어플리케이션 개발등에 이용한는 언어이다.주된 활동 분야 == 웹개발(인터넷을 통해 서비스 되는 웹사이트)웹개발중 프론트앤드 에서는 html, css, js를 사용한다.html, css, js차이점

📌window.document란?현재 브라우저에 렌더링 되고 있는 문서를 의미 한다.해당 속성을 이용하면 해당 문서에 접근 가능(DOM에 대한 진입점 역할을 하는 프로그래밍 인터페이스, 사용하여 페이지의 정보 또는 웹 요소를 생성 및 조작 가능)📌요소를 선택하기 위

📌Element.classList : 웹 요소로 부터 클래스 콜렉션을 반환하는 읽기 전용 속성\-add : 지정한 클래스 값 추가 ex.add("new_class")\-remove : 지정한 클래스 값 제거\-item : 인덱스를 이용해 클래스 값 반환 ex. ite

📌객체 리터럴객체를 구성하는 속성(값 or 기능)의 이름과 실제값을 한쌍으로 묶어 표현 하는 객체 리터럴을 사용하면 객체 생성 가능이때, 속성의 이름은 key, 속성의 실제 값은 value(key는 중복 될 수 없다, value 중복 가능)ex.📌JSON이란?자바스

HTTP(HperText Transfer Protocol) : 링크를 전송하는 약속(웹브라우저와 웹 서버가 데이터를 주고 받을 수 있게 디자인된 통신 규약(이러한 규약을 암호화 한것 ==> HTTPS)http에서는 클라이언트(사용자)가 서버(호스트)에 요청 메세지를

호스팅 이란?인터넷 상의 메모리를 사용해 데이터를 제공하는 일호드팅 서비스 : 인테넷 상의 메모리를 임대해주는 서비스무료로 남는 서버를 빌려 배포하는 방법(Netlify)📍step1 : 아이디 만들기(어떻게 만들든 상관은 없지만 이메일로 만들경우 실제 이메일 주소를

Step1(설치 방법)(터미널 에서 mysql명령어를 사용해도 되지만 더 편하게 작업을 하기 위해 설친)구글 -> sqlyog community edition검색 -> ex.SQLyog 12.1.7 64bit 설치(자신의 pc에 맞게)\-> 다운완료 -> 열기 -> 다

vscodeextension\-liveServer설치 : 브라우저에 저장시 마다 자동으로 반영 시켜주는 라이브러리\-prettier설치 : ctrl + p -> open setting검색 -> save검색 -> editor:format on save체크, default

Semantic? : 의미가 있는 태그를 말한다<div>태그나 나 <span>과 같이 의미가 없는 태그는 태그 이름만보고 어떤 내용인지 유추하기 쉽지 않은 방면에 , form , table , article 등 의미가 있는 태그는 내용을 명확하게 정의한다시

선택자 정리참고 하기클래스 조건 및 추가/제거이벤트 전체 정리기본 메서드(문법) 정리ajax반복문

📍동기 : 위에서 아래로 실행 되어야 한다.📍비동기 : 뭐가 먼저 실행될지 알 수 없다.📍ajax는 서버에서 데이터를 가지고 오는 것이다(처음에는 비동기 이다)비동기로 되는 것을 최소화 해야 한다(코드를 보면서 돌아가는 방실을 알 수 있어야 하기 때문이다)상황에

📌리액트현재 배운 것 : 순수 자바스크립트 (바닐라 스크립트라고도 부름) --> 리액트를 위해 배웠다 (현재 리액트가 대세이다)📌\`리액트 만들어진 이유 : 📍제이쿼리 단점 속도가 자바스크립트 보다 느리다만든 회사 : 페이스북(메타) - 데이터가 엄청 많다📍이러

📌axios란? 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리axios는 node.js와 브라우저를 위한 http클라이언트 이다.\-브라우저를 위해 XMLHttpRequests생성\-node.js를 위해 htttp요청

📌SPA(Single Page App)를 만드는 그냥 라이브러리 일분 : SPA를 만드는 라이브러는 뷰, 엘귤러, 리액트 가 있다, 리액트가 가장 유명하다(주소는 바뀌는데 새로고침은 되지 않고 화면이 면하는 것)🎈React router dom : 리액트에서 SPA를

📌GIT : 형상관리 : 코드저장소구글 -> 깃허브 -> 로그인저장소 만들기🎈step1repository -> new -> repository에서 name작성, description은 설명 작성 -> create repository🎈step2(cmd -> git