기록장

| App.jsimport React from "react";import Wrapper from "./component/Wrapper";import Hello from "./component/Hello";import "./App.css";function App() { /* 객체형으로 현재 컴포넌트에서 스타일을 선언하는 방법 */ const style = { backgroundColor: "skyblue", color: "white", fontSize: 40, padding: "1rem", }; const name = "hello2"; return ( {/* css를 적용하는 방법 : className 속성에 적용 */} {/* 컴포넌트안..

App.js에서 Wrapper 라는 컴포넌트를 쓰다가,Wrapper안에 새로운 요소를 추가해야 하는 상황이라면,(원래 컴포넌트 안에 태그를 추가 할 수없음ㅇ) 기존 Wrapper.jsx안에 코드(div,p 등등) 를 추가해야 하지만,Wrapper.jsx에 children 요소를 추가함으로써html 처럼 App.js에 자식요소를 그대로 넣을 수 있게 됨   | Wrapper.jsx 코드import React from "react";function Wrapper({ children }) { return( {children} );}export default Wrapper; Wrapper 에 자식요소로 들어갈 children 을 지정해주고,App.js에서 html 에서 div,p등등을 입력하듯 작성함  ..

App.jsimport React from "react";import Wrapper from "./component/Wrapper";import Hello from "./component/Hello";import "./App.css";function App() { /* 객체형으로 현재 컴포넌트에서 스타일을 선언하는 방법 */ const style = { backgroundColor: "skyblue", color: "white", fontSize: 40, padding: "1rem", }; const name = "hello2"; return ( {/* css를 적용하는 방법 : className 속성에 적용 */} {/* 컴포넌트안에 ..

[FileSystem 모듈] 파일처리와 관련된 모듈, node.js에서 가장 중요하고 기초가 되는 모듈입니다.  [사용 메소드 정리] - readFile() : 파일을 비동기적으로 읽습니다. - readFileSync() : 파일을 동기적으로 읽습니다. - writeFile() : 파일을 비동기적으로 씁니다. - writeFileSync() : 파일을 동기적으로 씁니다. [동기 / 비동기식]동기식 : 프로그램이 동작하는 상태에서 완전히 해당 내용을 끝내고 다음으로 제어를 넘기는 방식비동기식 : 동작이 끝나지 않은 상태에서도 제어권을 넘긴 후 프로그램을 계속 진행 (실무,node js에서 주로 사용)https://www.youtube.com/watch?v=7woGFlMhSgk&ab_channel=%EC%8..

Node.js란?Node.js는 백엔드 개발을 위한 서버 측 자바스크립트 런타임으로, 빠르고 효율적인 애플리케이션 개발을 지원합니다.Node.js 주요 특징자바스크립트 실행 환경Google V8 JavaScript 엔진으로 구동됨.서버에서도 자바스크립트를 사용할 수 있음.웹 서버 내장Apache, Tomcat 같은 별도의 웹 서버 없이 자체적으로 서버 역할 가능.HTTP 모듈을 사용해 간단히 서버 구축 가능.NPM (Node Package Manager)Node.js에 포함된 패키지 관리자.다양한 모듈 설치 및 프로젝트 관리에 사용.Node.js 설치 및 기본 명령어Node.js 다운로드: Node.js 공식 사이트에서 LTS 버전 다운로드.버전 확인:node -v (Node.js 버전 확인)npm -v..

1. 터미널 창을 열고 (ctrl + j) 경로를 설정함-   cd 파일명 하거나  cd.. 를 통해 상위폴더로 이동 후 cd파일명함 2. npm init 로 옵션을 직접제공하여 json파일을 만들거나,npm init -y로 기본값 그대로 바로 생성함 3. about.js 라는 파일을 생성하고 아래 코드를 넣음const http = require("http");const hostname = "127.0.0.1";const port = 3001;const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader("Content-Type", "text/plain"); res.end("Hello World");});ser..

시험은 아주 잘 치고 온것같습니다후기는 아주 간략하게 정리하여 적겠습니당! 📌시험장소대구 계명대학교  (6실의 1번자리 였습니다)  📌사용프로그램  (일러스트라던가 다른것도 많았습니다만 굳이 안써도 될 난이도)포토샵,VScode * 적지 않은 분들이 emmet 기능이 없을까봐.. 자동완성이 안될까봐.. !tab 눌렀을때 나오는 기본폼들을 외워가시던데 제가 친 장소에서는 모두 잘 동작했네요! 📌 시험문제 주제 철길마을 *공개문제와 똑같이! 나왔습니다  📌시험진행 과정1. 8시 30분(시험 시작시간)에 입실가능2. 좌석번호 뽑기 (비번호 폴더명이 이렇게 정해집니다)3. 휴대폰 및 워치등의 전자기기 반납 (PASS로 신분증인증 할 분들은 이 과정에서 인증)4. 시험문제 배부 후, 설명듣기5. 9시쯤에 ..

1. Node.js 개요Node.js는 서버 사이드에서 실행되는 자바스크립트 환경이다.Google V8 엔진을 사용해 자바스크립트 코드를 빠르게 실행한다.웹 서버 소프트웨어(예: Apache, Tomcat)가 필요 없이 내장 웹 서버 기능을 제공한다.**NPM(Node Package Manager)**으로 다양한 패키지와 모듈을 관리한다.2. 명령어 정리도스 명령어cd / : 루트 디렉터리로 이동cd 폴더경로 : 원하는 폴더로 이동cd .. : 상위 폴더로 이동md 폴더명 : 폴더 생성 3. TypeScript 개요2012년 Anders Hejlsberg가 시작한 오픈 소스 언어.JavaScript의 Superset으로, JavaScript로 변환되어 실행된다.강력한 형식 지정 기능과 객체지향 프로그래밍..

[01]자바스크립트의 특징으로 아닌 것은 1 웹의 동작(동적) 구현하기 위한 언어 2 웹 브라우저에서 동작(단, node.js는 서버에서 동작) 3 html문서 내에서  ~  태그 안에 작성 4 대소문자를 구별한다 5 객체 기반의 스크립트 언어 6 웹 브라우저 자바스크립트 엔진이 내장되어 있기 때문에 사용이 불가능 정답:- 대소문자를 구별         - 웹 브라우저 자바스크립트 엔진이 내장되어 있기 때문에 사용이 가능 [02]변수(Variable)의 간단히 설명하기 정답: 변수란 데이터를 저장할 수 있는 메모리 공간을 의미합니다.  [03]상수(constant)의 간단히 설명하기 정답: 한번 선언된 상수는 다시 재정의 할 수 없으며, 값도 재할당 할 수 없습니다. [04]자바스크립트의 데이터 타입이란..

📌 배열 객체의 메소드- push(): 배열의 요소를 추가 - pop(): 배열의 마지막 주소에 있는 값을 제거  - shift(): 배열의 첫번째 주소에 있는 값을 제거  - concat() : 두 개의 배열을 합침 - join() : 배열 요소 사이에 원하는 문자를 삽입  - reverse() : 배열을 역순으로 재배치 - sort() : 배열을 오름차순으로 정렬  | 예시코드  | 결과