본문 바로가기

자바 스크립트11

Node JS 설치 웹 개발은 크게 프론트엔드(Front-end)와 백엔드(Back-end) 기술로 나눕니다. 프론트엔드는 웹페이지 디자인이나 버튼 기능처럼 사용자가 바로 볼 수 있는 부분. HTML, CSS 등이 대표적이죠. 백엔드는 사용자가 눈으로 볼 수 없는 뒷단 기술이죠. DB나 서버를 다루는 부분이 백엔드 기술입니다. 자바스크립트는 프론트엔드 분야에서 주로 활용됐는데, ‘노드JS(Node JS)’가 등장하면서 그 용도가 전혀 달라졌습니다. 리액트가 나오면서 위상이 더 커졌죠!! 리액트는 노드JS라는 프레임워크가 꼭 필요하니까요. 어쨌든 자바스크립트로 서버단 기술까지 제어할 수 있다는거. 또 다른 이유는 리액트를 사용하려면 npm으로 설치 하는 부분이 많은데, 그러려면 노드(node.js)가 설치되어 있어야 한다. .. 2024. 4. 18.
리액트 개발 환경 설치하기 1. 이곳이 잘 설명되어있어요. https://codingapple.com/unit/react1-install-create-react-app-npx/ 리액트 React 설치와 개발환경 셋팅 - 코딩애플 온라인 강좌 0:00 개발환경 셋팅 0:42 리액트프로젝트 생성은 2:38 이제 에디터에서 오픈해서 코드짜십쇼 4:04 뭐했는지 설명 개발환경 셋팅 1. 구글에 Nodejs 검색해서 LTS라고 써있는 버전을 설치합시다. - 남 codingapple.com 2. 저는 폴터를 만들었고 3. 위도우 검색부분에 cmd를 눌러 명령프롬프트에서 했습니다. 물론 비쥬얼스튜디오 프로그램에서 해도 된답니다. 4. 제가 만든 파일 위치까지 간 다음 아래 그림처럼 npx create-react-app 만들고 싶은 폴더명을 쓰.. 2024. 4. 18.
리액트 배울 곳+Node JS 1. 책을 한 번 읽어보면 도움이 됩니다. 물론 유튜브 강의도요 https://wikidocs.net/book/10082 React 리액트 마스터: 모바일과 웹 사용자 인터페이스 개발을 위한 최고의 라이브러리 React는 웹 및 네이티브 사용자 인터페이스를 위한 라이브러리입니다. 이 책은 [https://react.dev](https://react.dev) 를 한국어로 번역한 내… wikidocs.net 2. 제일 쉽게 되어있음. 한 번 읽어두면 좋음. https://reactjs.winterlood.com/5ce0c0c2a7864c71992576e53182cc1f 도서 안내 - 한 입 크기로 잘라먹는 리액트 인사이트 도서 를 미리 만나보세요 reactjs.winterlood.com 3. IT도서 열람서.. 2024. 4. 17.
JQuery UI 위젯 라이브러리 1. https://jqueryui.com/dialog/#modal-confirmation Dialog | jQuery UI Dialog Open content in an interactive overlay. The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be jqueryui.com 다운 받으면 됩니다. 2024. 4. 17.
자바스크립트 유용한 라이브러리 1. 슬라이드 효과 https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 2.차트 https://www.chartjs.org/docs/latest/getting-started/ Getting Started | Chart.js Getting Started Let's get started with Chart.js! Alternatively, see t.. 2024. 4. 16.
JQuery 공부할 수 있는 사이트 1. https://www.w3schools.com/jquery/default.asp jQuery Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 2. https://www.tcpschool.com/jquery/intro#google_vignette 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 .. 2024. 4. 16.

티스토리툴바