공부기록

Arrow Function📍 화살표 함수는 함수표현식 혹은 익명함수에서만 가능하다📍 매개변수, 함수내부 로직의 길이에 따라 소괄호,중괄호를 생략할 수 있음 () => {} vs function () {}화살표는 함수 표현식 혹은 익명함수에 가능함수 선언만 할 때는

JavaScript 의 변수와 유효범위- 호이스팅 var, const, let 함수선언식과 var는 호이스팅의 대상 => ⛔️ 할당은 호이스팅되지 않는다!

pull, fetch 사용방법과 오류시 해결방법 등https://github.com/ 에서 respository 생성 > code 버튼 클릭 > HTTPS url 주소를 복사!나의 로컬로 돌아와서 저장소를 생성하고싶은 폴더에서 터미널 열기 (vscode 터미널

JS에서 참같은 값과 거짓같은 값에대해 알고있자===, 일치연산자== , 동등연산자 => 되도록이면 사용하지 말기, 의도치않게 일치한다고 여길수도 있기때문에비어있는 객체데이터 포함 모든객체데이터, 문자열 ,숫자,...true{} , \[] : 빈배열, 빈객체도 Trut

📍 오늘 배운내용SSR을 구현하는 방법으로 HTML을 미리 템플릿을 저장하는 엔진 => Pug, ejs 등 SSR을 구현하는 방법서버에서 클라이언트로 보낼 HTML의 형태를 미리 템플릿으로 저장동작 시에 미리 작성된 템플릿에 데이터를 넣어서 완성된 HTML 생성템플릿

오늘 배운 내용📍 프로젝트를 진행하다보면 CORS 라는 에러를 자주 맞닥뜨린다고한다. (당황하지말고 잘 처리하자)📍 아직 프로젝트 시작 전이라 잘 와닿지 않지만 알아만 두자! 📚 CORS 는 한 도메인 또는 Origin의 웹 페이지가 다른 도메인 (도메인 간 요청

JavaScript 여러 용도에 활용하는 객체를 내장하고 있다.숫자 다루기, 문자 다루기, 날짜 다루기, JSON 객체 다루기 등에 유용한 객체를 제공한다.전역 객체를 지칭하는 변수전역 객체는 환경에 따라 다르다환경별 차이를 통일하여 하나의 변수로 서로 다른 전역 객체

html 구성

오늘 배운내용📍 inline의 left,right 공백속성은 적용가능하다📍 마진 병합 (부모,형제), 태그별 사용법웹 제작시 고려사항웹 표준 : 규격, 공식표준웹 접근성 : 누구나 접근 가능하도록크로스 브라우징 (모든 브라우저와 기기)태그명 : 고유의 기능, 열린태

오늘 배운 내용📍 레이아웃 속성 gird 에 대해 알게되었다 (float, flex 만 사용해봐서 생소했다)📍 애니메이션 효과, 반응형 웹을 위한 맛보기📍 박스모델, 여백, 중앙정렬 등 margin > border > padding > contentsdisplay

📍 오늘배운내용실행컨텍스트 (및 JS의 코드실행순서)와 this 에대해 알아보자클로저라는 개념 모를때는 우리가 사용하고 있었지만 개념으로 공부하니까 어려웠다! => 정말 간단하게 말하자면 함수가 종료되면 함수내부의 변수는 사라지지만 외부로 전달하여 사용가능한것을 클로

📍오늘 배운 내용ES6문법 => rest,spread 연산자 사용법객체나 배열 필드는 단순히 reference만 복사한다. 따라서, deep copy (깊은복사) 를 위한 별도의 작업을 해주한다.함수의 인자, 배열, 객체 중 나머지 값을 묶어 사용하도록 한다.함수의

📍 오늘배운내용다양한 웹브라우저의 DB와 그중에서 IndexedDB에 대해서 배웠다.수업 알아듣는게 너무 힘들었지만 나만 그런거 아니었다,, 다른분들의 질문으로 어느정도 해결되었다

📍 오늘배운 내용이후에 react를 배울때 나오는 컴포넌트라는 개념을 위해서는 import, export 을 어떻게 사용하는지 알아야한다!클래스형 컴포넌트보다 함수형을 더많이 사용하지만 Class 사용법을 알고있자

반응형 웹에 대해 이해하기 위한 기본적인 지식!viewport를 설정하여 모바일 환경에서의 화면 배율을 설정할 수 있다.initial-scale=1 : 확대도 축소도 하지말아라!meta:vp 라고 적으면 emmet으로 편리하게 작성 가능 요즘에는 스마트기기가 다양해졌기

오늘 배운 내용 📍 깃의 작업영역 => working dir / staging / repository 에 대한 이해 📍 브랜치를 나눴을때 발생하는 충돌과 해결방법여태까지 내가한 git 은 명령어만 외워서 commit과 push를 남발한것에 불과했다😂 제대로 공부

2주차 시작 !오늘 배운 내용📍 javascript의 특징과 간단한 이벤트핸들러📍 var, let, const의 유효범위와 호이스팅 현상 (책 코어자바스크립트 추가공부) 웹사이트의 여러 효과와 기능을 제작할 시 사용하는 프로그래밍 언어이다.자바스크립트는 동적인 특징

📍 포스팅 목적!각 객체마다 사용가능한 메소드가 있다 cheatsheet 처럼 정리해놔야 나중에 삽질을 덜할것같다!^^ 그런 의미에서 mdn 문서 뒤지면서 그때그때 계속 업데이트 해야하는 게시물로 사용하자👍📍 MDN window 객체 문서Window - Web A

📍 DOM과 Node란? Element,node 에 접근,선택할 수 있는 방법

오늘 배운내용📍 데이터 타입별 프로퍼티와 유용한 메소드📍

코린이 시절부터 함께 해주신 이고잉님께 감사를🙏🏻혼자 내적친분을 쌓고 있었는데 직접 실강 들으니까 그저 좋다😂

⛔️ 백엔드 부분 코드를 작성하려고 보니 import문, process.env 문 등 esm 문법을 사용할 수 없다는 에러가 계속 발생찾아보니 바벨설정을 해줘야한다고한다.우선 babel 이 무엇인지 이 설정을 왜 해줘야하는지 의문이 생김 아주 간단하게 Bablel 은

→ 작성한 react 코드를 js, html ,css 변환하는 작업을 우선 해준다. 빌드된 해당 파일은 server 폴더로 이동시켜준다.🔗 참고 : NodeJS에서 Path 사용방법빌드된 build 폴더로 접근 가능한 코드를 작성한 후 root 경로에 보여줄 html