어텀로그

이게 뭔데.. 살려줘...................

StreamWriter는 .NET에서 파일이나 스트림에 텍스트 데이터를 쓰는 데 사용되는 클래스다  데이터 기록 streamWriter.Write(데이터);Write 메서드를 호출하여 .데이터를 스트림에 기록합니다.  버퍼 비우기streamWriter.Flush();Flush 메서드를 호출하여 메모리 내의 버퍼에 남아 있는 모든 데이터를 스트림에 기록합니다.  이는 데이터가 즉시 출력 스트림에 반영되도록 보장합니다. 스트림 닫기streamWriter.Close();Close 메서드를 호출하여 스트림을 종료하고, 사용된 리소스를 해제합니다.  이는 파일 핸들이나 네트워크 연결을 포함한 모든 리소스를 정리합니다.

문제가 발생한 코드 function App() { return ( 날씨를 알아보자 날씨 날씨 ); } 해결방법 태그는 리턴값 안에서 최상단에 위치해야 한다. react-router-dom에 해당하는 Link태그가 로 감싸져있지 않아서 발생한 에러이다. react-router-dom에서 가져온 모든 태그를 로 감싸고 를 최상단에 놔두면 된다! //수정한 코드 function App() { return ( 날씨를 알아보자 날씨 날씨 ); }

react-router-dom react-router-dom 다른 페이지로 이동할 때 링크를 처리하는데 사용 설치방법 두가지 1 npm install react-router-dom 2 npm i react-router-dom 설치 후 사용을 위해 임포트 해와야 한다. import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; 용어 설명 BrowserRouter : html 라우팅 처리하는데 사용 라우팅 : 다른 페이지간의 전환이나 네비게이션 관리하는 것을 나타냄 렌더링 : 컴퓨터 프로그램에서 데이터나 그래픽을 화면에 나타내는 과정 Route : URL 경로에 따라 특정 컴포넌트(function)을 렌더링(화면에 나타내는..

import React, { useEffect, useState } from "react"; function Board(){ //만약 로컬 스토리지에 저장된 값이 있으면 로컬 스토리지에서 게시글 데이터 불러오기 //만약 저장된 게시글이 없으면 [] 빈 배열 가지고 옴 const savedPosts = JSON.parse(localStorage.getItem('posts')) || []; //게시글 목록관리 const [posts,setPosts]=useState(savedPosts); //새로운 게시글 입력받기 const [newPost,setNewPost]=useState(''); //페이지가 로딩될 때 게시글이 업데이트 될 때 로컬 스토리지에 저장 useEffect(()=>{ localStorage...

[자바스크립트]props function ParentComponent(){ const data = 'Hello 나는 ParentComponent야'; return ; } 부모 컴포넌트에서 자식 컴포넌트로 message라는 이름의 data값을 보낸 것이다. function ChildComponent(props){ return {props.message} } props=> 자바에서 파라미터 역할 ChildComponent에서는 props 라는 이름으로 파라미터를 전달받는다. props라는 용어 대신 다른 용어를 사용해도 되나 props라는 이름으로 사용하는 것은 개발자들간의 암묵적 약속이다. 무조건적으로 사용해야되는 것은 아님 부모에게서 데이터를 전달받아서 사용한다는 의미이기 때문에 부모 컴포넌트에서 전달받..

function과 const로 작성한 함수는 큰 차이가 없음 보통 const 작성한 함수는 함수 표현식 (function Express) const는 주로 간단하게 함수를 표현할 때 많이 사용 const TestComponent = (props) => {props.message} function은 좀 더 상세하게 표현 할때 사용 function TestComponent(props){ return {props.message} }

const updateTests = [...tests] 객체의 속성들을 복사해서 새로운 객체를 생성하는 것이다.

useState const [현재값, 변경할 값] = useState(초기값); const [tests, setTests] = useState(1); 위 코드는 tests라는 state 변수를 선언하고 state 값을 1으로 초기화한것이다. useEffect useEffect(()=>{수행하고자 하는 함수} ,[배열]); useEffect(()=>{console.log('tests 변경됨 : ',tests);} ,[tests]); 위 코드는 useCallback const increaClick = useCallback(()=>{ setCount(count+1); },[count]);

Component 재사용이 가능한 각각의 독립된 모듈(함수나 클래스) 반복되는 내용을 하나의 함수로 압축시켜 함수를 불러와서 사용하는 것을 재사용 종류 함수형 컴포넌트 클래스형 컴포넌트 간단하게 함수로 정의할 수 있고 Hook을 많이 사용 예)NewComponent class 키워드를 사용하며, 상태(state)와 같은 라이프사이클 메서드를 활용할 수 있음 예) OldComponent 예제코드) 함수형 컴포넌트 NewComponent import React, {Component} from "react"; function R003_ImportComponent(){ return( hi ) } export default R003_ImportComponent; 클래스형 컴포넌트 OldComponent impor..