728x90 반응형 React3 자바스크립트: 웹 개발의 핵심 언어 안녕하세요 오늘은 웹개발의 핵심 언어인 자바스크립트에 대해서 배워보는 첫번째 시간입니다. 자바스크립트는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 초기에는 웹 페이지의 동적인 기능을 구현하기 위해 사용되었지만, 현재는 웹 애플리케이션 개발뿐만 아니라 서버 사이드 개발, 모바일 앱 개발, 게임 개발 등 다양한 분야에서 활용됩니다. 자바스크립트는 애매한 문법이 존재하여 놀림받는 일이 많지만 여전히 다음과 같은 분야에서 힘쓰고 있습니다. 웹 개발: 자바스크립트는 HTML과 함께 사용되어 웹 페이지의 동적인 기능을 구현합니다. DOM 조작, 이벤트 처리, AJAX를 통한 비동기 통신 등을 가능하게 합니다. 서버 사이드 개발: Node.js라는 서버 사이드 플랫폼을 사용하여 자바스크립트로 서.. 2023. 9. 13. React에서 styled-components로 스타일링하기 안녕하세요 오늘은 리액트 스타일드 컴포넌트에 대해 알아보겠습니다. 저는 학원에서 CSS,SCSS를 배워 이부분이 익숙하지만 리액트를 사용하게 되면 프론트엔드 관점에서 CSS를 사용하는 것 보다 클래스 네임등을 설정하지 않아도 되므로 클래스 명 충돌을 방지하고 컴포넌트를 사용하게 되므로 재사용성을 높일 수 있다는 편한점이 있습니다. 기본적인 스타일드 컴포넌트 예제를 살펴보고 어떻게 사용하는지에 대해 작성해보겠습니다. 먼저 npm install styled-components 명령어를 실행해 주세요. import React from "react"; import styled from "styled-components"; const Button = styled.button` background-color: ${.. 2023. 9. 8. React와 TensorFlow.js로 당뇨병 예측 웹앱 만들기: 머신러닝 기반 프로젝트 튜토리얼 안녕하세요 오늘은 제가 가지고 있는 약간의 프론트 지식에 머신러닝을 이용한 꿀잼 사이트를 만들어보려합니다. vs 코드를 실행하고 프로젝트를 시작할 폴더를 만들어줍니다. 해당 폴더에서 시작합니다. npx create-react-app my-app (리액트 앱 생성) npm install react-router-dom (라우팅) npm install axios (api) npm install recoil (상태관리) npm install --save typescript @types/node @types/react @types/react-dom @types/jest (타입스크립트) 타입스크립트 버전 관련 에러 발생 시 명령어들 뒤에 --legacy-peer-deps 를 뒤에 붙여주세요. 깃헙 첨부합니다. ht.. 2023. 8. 9. 이전 1 다음 728x90 반응형
