[Frontend] index.html과 index.js

2024. 5. 20. 12:19·Frontend

index.html과 index.js는 프론트엔드에서 Jsx 요소 작업을 함에 있어서 가장 기본적으로 다루게 되는 두 가지 파일입니다.

 

이 두 파일은 React / SolidJS프로젝트를 새로 시작할 때도 확인할 수 있습니다.

 

[React 프로젝트 시작하기]

 

[SolidJS 프로젝트 시작하기]

1. index.html

기본적으로 웹 페이지를 구성하는 html 코드 파일입니다.

가장 먼저 실행되며, react가 없더라도 흔히 생각할 수 있는, html과 css를 이용해 구현한 코드입니다.

2. index.js

Jsx 요소를 구현해 놓은 파일입니다.

index.html 다음으로 실행되며, 이 파일에서 구현한 Jsx 요소들은 index.html 파일에서 태그 형태로 삽입됩니다.

728x90

'Frontend' 카테고리의 다른 글

[Frontend][Deploy] AWS로 프론트엔드 배포하기  (0) 2024.06.17
[Frontend] JSX에 대하여  (0) 2024.05.20
[JS] Form element  (0) 2024.02.21
[JS] 자바스크립트로 HTML 객체 만들기  (0) 2024.02.14
DOM Script에 대해서  (0) 2024.02.14
'Frontend' 카테고리의 다른 글
  • [Frontend][Deploy] AWS로 프론트엔드 배포하기
  • [Frontend] JSX에 대하여
  • [JS] Form element
  • [JS] 자바스크립트로 HTML 객체 만들기
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (276)
      • CS (40)
        • CV (2)
        • PS (34)
      • Reveiw (18)
        • Paper (18)
        • Github (0)
      • ML (8)
        • Pytorch (5)
      • Language (59)
        • Python (8)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (12)
      • Git (13)
      • Frontend (77)
        • React (8)
        • ReactNative (6)
        • SolidJS (20)
        • CSS (12)
      • Backend (44)
        • DB (18)
        • Node.js (11)
      • UI (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    DB
    GAN
    mongo
    deploy
    postgresql
    ts
    CV
    Three
    js
    CSS
    SOLID
    CS
    PyTorch
    modal
    python
    Git
    ReactNative
    react
    backend
    ps
    vscode
    review
    figma
    frontend
    API
    expo
    PRISMA
    ML
    Express
    nodejs
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
Rayi
[Frontend] index.html과 index.js
상단으로

티스토리툴바