본문 바로가기

Front4

[React] React 시작하기 : JSX JSX JSX (JavaScript 와 XML) 라는 HTML-in-JavaScript 문법 사용 (https://ko.reactjs.org/docs/introducing-jsx.html) JSX : Javascript 를 확장한 문법이다. React element 를 생성한다. React 에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결된다는 사실 컴포넌트라 부른는 느슨하게 연결된 유닛으로 관심사를 분리한다. 표현식으로 컴파일이 끝나면 JSX 표현식이 정규 JS 함수 호출이 되고, JS 객체로 인식된다. React DOM은 HTML 어트리뷰트 이름 대신 camelCase 프로퍼티 명명 규칙.. 2023. 1. 8.
[Clean Code JS] section 2: 6~7. scope (let&const) Section 2 : 변수다루기 #06. function scope & block scope - TDZ - 레퍼런스에러 - var vs let vs const : scope 차이 : 재할당 (*전역공간까지 영향을 받는지를 따져야 한다) *var : 함수단위 스코프(function scope)라서 if문 사용시 블록단위로 바꾸지 않는 이상 if문 바깥쪽에서도 if문의 영향을 받는다. *let & const : 블럭단위 스코프(block scope), 재할당 var global = '전역'; if(global == '전역') { var global = '지역' console.log(global);//지역 } console.log(global);//지역 ///////////////////////////////.. 2021. 12. 23.
[Ajax] 개요 설명 Ajax : Js의 라이브러리 중 하나 - Asynchronous Javascript And Xml : 비동기식(*웹피이지를 리로드하지 않고 데이터를 불러오는 방식, 새로고침을 하지 않고 불러올 수 있는 방법) 자바스크리트와 xml의 약자 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 -한마디로 정의 : Javascript를 사용한 비동기 통신이자 클라이이언트와 서버간에 XML 데이터를 주고받는 기술. 기존의 HTTP프로토콜과 비교하기 - HTTP((HyperText Transfer Protocol)(https://ko.wikipedia.org/wiki/HTTP) www(월드와이드웹) 인터넷에서 서버와.. 2021. 12. 22.
[CleanCode JS] 01. 강의에 앞선 마음가짐 1. 클린 코드에 대해 고민하기 - 타인이 정의한 답을 의심하기 - 배움에 열린 태도를 가지기 - 직접 생각하고 또 고민하기 - 코드 스타일에 대한 견해를 탐구하기 ex) AirBnB, Google, ECMA표준, Prettier, EsSLint, JSHint, .. Lint 2. JS 특성 파악하기(이해,맥락파악) 몽키패치(Monkey Patch) : 어원찾아보기 런타임 중에 변경된 행동, 안티패턴 Js는 가 만든 언어 JavaScript 문법은 Java랑 유사 / 문자열, 배열, 정규표현식은 Perl과 유사 / 함수는 오크 / 클로저, 스코프 같은 환경은 스키마 / 이벤트는 하이퍼토크 / 프로토타입은 Self에서 따옴 https://github.com/denysdovhan/wtfjs GitHub - .. 2021. 12. 12.

티스토리툴바