1.JSX란? JSX는 JavaScript의 확장 문법으로 JavaScript와 XML/HTML이 합친 것입니다. ①XML이란? 데이터를 교환하기 위한 Markup 언어이다. JSX 문법을 적용한 간단한 코드입니다. const element = Hello; 'const element = ' 는 JAVASCRIPT 문법이며, Hello 코드는 html 에서 쓰는 코드입니다. 이렇게 JavaScript와 html/xml 문법이 결합된 것입니다. 2.JSX의 역할 JSX는 내부적으로는 JavaScript로 변형 됩니다. 여기서, JavaScript로 변형 시키는 것이, createElement 함수입니다. 하기 코드는 JSX를 쓴 코드와 쓰지 않은 코드가 있습니다. //jsx를 쓴 코드 const elemen..

1.리액트의 장점 ①빠른 업데이트 웹 페이지의 메뉴 중에 있는 버튼을 아무거나 눌러서 업데이트를 하는데, 업데이트 시간이 굉장히 오래걸린다면 사용자들은 도중에 나가버린다고 한다. 그런 상황을 막기 위해서, REACT에서는 이런 상황을 막기 위해서 Virtual DOM이 있다. ⓐDOM(Document Object Model)이란? 브라우저안에는 웹 문서를 해석 할 수 있는 랜더링 엔진이 있다. 브라우저에서 랜더링엔진이 html 요소를 제어화 할 수 있도록 웹 문서를 객체화한 것이다. ⓑVirtual DOM이란? 리엑트에서는 Virtual DOM을 이용해서 실제 DOM과 같은 복사 본입니다. 그런 이유 때문에, 브라우저에 접근하지 못합니다. 리엑트는 가상 돔을 이용해서 돔조작을 훨씬 빠르게 해준다. ⓒVi..

공부할 언어는 JavaScript입니다. 아래 사진의 마크는, JavaScript입니다. 1. JavaScript의 개발자 JavaScript의 개발자는 브랜든 아이크입니다. 브랜든 아이크는 JavaScript와 브라우저 firefox를 만든 프로그래머입니다. 2.JavaScript 에 대해서... JavaScript는 웹에서 주로 쓰는 대표적인 언어입니다. 웹페이지를 만들 때는 HTML과 CSS과 JAVASCRIPT를 씁니다. HTML은 웹 페이지를 어떻게 구성 요소(버튼, 검색 창, 사진, 영상...)를 어떻게 구성할 것인지 등을 결정하는 언어입니다. CSS는 그 구성 요소의 디자인이나 위치 등을 어떻게 구성할 지 결정할 때 쓰는 언어입니다. Java Script는 그 구성 요소들이 어떻게 작동하게 ..

1. C언어에 대해서.... C언어의 창시자는 데니스 리치라는 사람입니다. C언어를 다른 언어들 보다는 많이 불편하고, 쓰기 힘들지만, 그럼에도 배우는 이유는.... 우리가 많이 쓰는 언어의 영향을 많이 받았기 때문이 아닐까 싶습니다. #include int main() { //Hello, World! 출력 printf("Hello, World!\n"); } 위 코드는 Visual studio를 이용해서 만든 C언어 코드입니다. 위 코드의 main 부터 설명 드리면, ①. stdio.h란? stdio.h는 입/출력을 실행하기 위한 헤더 파일입니다. 즉, #include 란 말 그대로 stdio.h를 포함시키는 코드입니다. ②. main()이란? C언어에서 main은 프로그램 실행을 위한 시작 지점을 의미..

1.HTML이란? HTML(Hyper Text Markup Language)을 알기 위해서 영어 부터 해석을 할 수 있어야합니다. 'Hyper Text'는 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동할 수 있는 기능이고, 'Markup Language' 는 태그를 활용해서 문서에서 어느 부분이 제목이고, 본문인지, 어느 것이 사진인지를 표시하는 것입니다. 2. 태그(tag)란? 위에서 언급한, 태그는 에 태그 이름(html, div....)을 넣어서 사용합니다. 태그의 시작은 에 태그 이름이 있으면 시작이고, 안에 /가 있으면 끝입니다. 아래 예시를 보면 알 수 있습니다. // html 태그 시작 // html 태그 끝 3.와 태그란? ⓐ 태그에 웹 브라우저가 알아야할 정보 모두를 넣을 수 있..

1.React란? 메타에서 개발한 JS 라이브러리이다. 2.React의 역할은? React 사이트에서 라이브러리의 간략한 정의가 있습니다. React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.legacy.reactjs.org 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 라고 쓰여 있습니다. React 사이트의 정의를 이해하기 위해서는 사용자 인터페이스와 라이브러리를 알아야합니다. ① 사용자 인터페이스(User Interface) 사용자와 시스템 간의 상호작용을 원활하게 도와주는 장치나 소프트웨어 웹을 예시로 들자면, 버튼, 텍스트 입력창 등이 있습니다. 버튼을 눌러서 ..