main.tsx// React 라이브러리를 가져옵니다.import React from 'react';// ReactDOM 라이브러리를 가져옵니다. React 18부터 ReactDOM의 createRoot를 사용하여 애플리케이션의 루트를 생성합니다.import ReactDOM from 'react-dom/client';// App 컴포넌트를 가져옵니다. 이는 애플리케이션의 루트 컴포넌트입니다.import App from './App.tsx';// ReactDOM의 createRoot 메서드를 사용하여 'root'라는 id를 가진 DOM 요소를 찾아서 애플리케이션의 루트를 생성합니다.// ReactDOM.createRoot : React 애플리케이션의 루트를 생성합니다. 루트는 애플리케이션의 진입점이며, 모..

App.tsx// React와 ReactDOM을 사용하여 React 컴포넌트를 DOM에 렌더링하기 위한 모듈을 가져옵니다.import { RouterProvider, createBrowserRouter } from "react-router-dom";// 페이지 레이아웃, 각 라우트에 해당하는 컴포넌트들을 가져옵니다.import Layout from "./component/layout";import Home from "./routes/home";import Profile from "./routes/profile";import Login from "./routes/login";import CreateAccount from "./routes/create-account";// 스타일링을 위해 styled-com..

1. 데스크탑 주요 화면     2. 모바일 주요 화면   포트폴리오 개발 동기 : 더 사용자에게 개선된 경험을 줄 수 있는 웹개발자를 꿈꾸기에 실력 향상을 위해 React와 TypeScript를 사용해보고 싶었다. 마땅한 강의를 찾아보던 중 아래 강의를 발견하게 되었다.https://nomadcoders.co/nwitter/lobby 트위터 클론코딩 – 노마드 코더 Nomad CodersReact Firebase for Beginnersnomadcoders.co  기존에 JS강의를 잘 듣기도 했고, 강사 설명 스타일이 나와 맞기도 했기에 수강을 해보았고, 지인들의 니즈를 듣고 반영해서 완성해보았다. 파이어베이스를 처음 써봤는데 편리해서 매우 놀랐다. 아래는 개인 프로젝트의 파일 구조와 주요 기능을 정리..

https://codeup.kr/problem.php?id=1023 [기초-입출력] 실수 1개 입력받아 부분별로 출력하기(설명)C언어기초100제v1.2 : @컴퓨터과학사랑, 전국 정보(컴퓨터)교사 커뮤니티/연구회 - 학교 정보(컴퓨터)선생님들과 함께 수업/방과후학습/동아리활동 등을 통해 재미있게 배워보세요.  - 모든 내용codeup.kr 문제) 실수 1개를 입력받아 정수 부분과 실수 부분으로 나누어 출력하시오.(단, 입력값은 절댓값이 10000을 넘지 않으며, 소수점 이하 자릿수는 최대 6자리까지이고0이 아닌 숫자로 시작한다.)  실수의 정수부분과 실수부분을 각각 a, b로 나눈다scanf("%d.%d", a, b)를 통해 정수부분과 실수부분을 .으로 나누어 저장한다출력한다

https://codeup.kr/problem.php?id=1022 [기초-입출력] 문장 1개 입력받아 그대로 출력하기(설명)C언어기초100제v1.2 : @컴퓨터과학사랑, 전국 정보(컴퓨터)교사 커뮤니티/연구회 - 학교 정보(컴퓨터)선생님들과 함께 수업/방과후학습/동아리활동 등을 통해 재미있게 배워보세요.  - 모든 내용codeup.kr 문제 ) 공백 포함 2000자인 문장을 입력받아 그대로 출력하시오.  data라는 배열의 길이는 널값 포함 2001개이다. fgets() 함수는 현재 스트림 위치에서 첫 번째 줄 바꾸기 문자 (\n) 까지, 스트림의 끝까지 또는 읽은 문자 수가 n-1과 같을 때까지의 문자를 먼저 읽는다. fgets() 함수는 결과를 string 에 저장하고 널 문자 (\0) 를 문자열의..

https://codeup.kr/problem.php?id=1021 [기초-입출력] 단어 1개 입력받아 그대로 출력하기(설명)C언어기초100제v1.2 : @컴퓨터과학사랑, 전국 정보(컴퓨터)교사 커뮤니티/연구회 - 학교 정보(컴퓨터)선생님들과 함께 수업/방과후학습/동아리활동 등을 통해 재미있게 배워보세요.  - 모든 내용codeup.kr 문제 : 배열을 이용해 한 개의 단어를 입력받아 그대로 출력하시오. (단, 단어의 길이는 50자 이하다.) 참고 : https://tcpschool.com/c/c_array_oneDimensional 코딩교육 티씨피스쿨4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등tcpschool.com 배열(array) : 같은 타입의 변수들..