MacOS 4

[React] 리액트/React JSX 문법 3가지

JSX란 ?간단하게 말하자면 JS파일에서 HTML문법을 쓸 수 있게 해주는거  JSX 문법 1 ) 보통 html에서는 태그에 class를 입혀서 이름을 주는데 jsx에서는 className이라고 해야됨이런식으로 className="black-nav" 를 해서  css 폴더에 .black-nav를 설정해주고 저장해주면  이렇게 정상적으로 적용이 됨.   JSX 문법 2 ) 하드코딩으로 이름이나 이런 걸 설정해줄 수 있지만변수에 들어있는 데이터를 내가 원하는 장소에 넣고 싶으면 {} 를 입력해서 {}안에다가 데이터가 들어있는 변수명을 넣어주면 된다.    간단하게 예시로 post에 강남 우동 맛집이라고 넣어준 후  div 태그 안에{post}를 입력해주면 이렇게 잘 나오는 모습을 볼 수 있다. +) 클래스명..

study/react 2023.08.31

[macOS] macOS 리액트 초기설정

처음 시작 할 때 인터넷에 들어가서 node.js 입력 후 홈페이지에 들어가 보면 이런 식으로 나오는데 왼쪽에 있는 거 다운로드하고그 후 인터넷창에 VSC입력해서 다운로드하여 주자 나는 맥이어서 맥버전을 다운로드하였다.  전부다 다운로드하고 나서 먼저 바탕화면에 프로젝트 위한 파일을 하나 만들어줘야 된다 react공부할 거니까 간단하게 파일이름 react로 설정해서 만들어 줬다.그리고 맥 기준으로 파일에 마우스를 올리고 오른쪽 클릭을 하면이런 게 나올 텐데 여기서 서비스 -> 폴더에서 새로운 터미널 열기를 눌러준다. 이런 화면이 나오면 npx create-react-app 프로젝트명 이런 식으로 입력해 주면 되는데 나는 프로젝트명을 blog라고 할 거니까 npx create-react-app blog이라..

study/macOS 2023.08.31

[macOS] macOS에서 Temurin JDK 설치

macOS에서 Temurin JDK를 설치하기 전에 혹시 mac에 Homebrew가 설치되어있지 않으면 2023.07.03 - [스터디/macOS] - macOS Homebrew 설정 macOS Homebrew 설정Homebrew는 mac용 패키지 관리 애플리케이션이어서 프로그램 설치할 때 설치 파일 다운로드하고 설치 파일을 실행해서 설치하는 게 아니라 터미널에서 명령어를 입력해서 프로그램을 설치할 수 있herniateddisc-park.tistory.com이거 보고 먼저 따라하면 된다. macOS에서 Temurin JDK 설치하기본격적으로 설치하기전에 JDK의 간단한 개념만 알아가자면자바 개발키트(Java Development Kit)의 약자로 개발자들이 자바로 개발하는 데 사용되는 SDK 키트라 생각..

study/macOS 2023.07.03

[macOS] macOS Homebrew 설정

Homebrew는 mac용 패키지 관리 애플리케이션이어서프로그램 설치할 때 설치 파일 다운로드하고 설치 파일을 실행해서 설치하는 게 아니라 터미널에서 명령어를 입력해서 프로그램을 설치할 수 있다. Homewbrew 홈페이지 : https://brew.sh/  HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh Homebrew 설치방법 1) 배경화면에서 cmd+space bar 눌러서 터미널 검색 후 접속/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"입력하면 사진처럼 나오는데 맥북 비밀번호 입력하면 됨. 2) Press ..

study/macOS 2023.07.03