YYYEJI

우분투란? 컴퓨터 운영 체제이며, 리눅스 배포판입니다. 우분투(가상환경) 터미널에서 파일을 압축하고 풀어보겠습니다. 파일 압축하기 $ $ tar cvfz [압축폴더명.tgz] [압축을] [원하는] [파일명들] 위의 명령어를 통해 원하는 파일들을 하나의 폴더로 압축을 해주면 지정한 압축폴더명으로 압축된 폴더가 생성됩니다. $ tar xvfz hw_22100396.tgz 위에 명령어를 입력하면 압축된 폴더에 들어있는 파일(이나 폴더)가 출력됩니다. ◡̈

ChatGPT란 무엇인가? 어떻게 사용하는가? (2023/02/10) ChatGPT란? ① 2015년 샌프란시스코에 설립한 리서치 회사 OpenAI에 속해 있다. ② 자연스러운 대화를 할 수 있도록 훈련되고 설계된 인공지능 채팅이다. ③ GPT는 Generative Pre-Trained Transformer의 약자로, 혁신적인 어텐션(attention) 개념을 기반으로 하는 복잡한 신경망이다. ④ 비디오, 사운드 또는 이미지를 생성할 수 없지만 말과 글에 대한 깊은 이해를 가지고 있다. ChatGPT는 무엇을 할 수 있는가? ① 다양한 스타일, 주제 및 언어로 일관된 텍스트를 생성할 수 있다. ② 뉴스 요약, 제품 설명 또는 스토리를 생성할 수 있다. ③ 다양한 상황에서 챗봇에 대한 적절하고 일관된 응답..

신장 트리(Spanning Tree) 란? 한 Graph의 모든 vertex를 연결하는 cycle이 없는 sub graph입니다. - 스패닝 트리는 (n-1)개의 edge를 가진다. - 스패닝 트리는 DFS, BFS 알고리즘을 이용해 찾을 수 있다. (움직인 edge를 연결하면 된다.) - Cycle이 있어서는 안된다. 아래와 같은 그래프가 존재할 때 DFS, BFS spanning tree를 만들어보면 ↓↓↓ DFS ↓↓↓ https://yyyeji.tistory.com/379 [DS] 깊이 우선 탐색(DFS)이란? 하나의 vertax로부터 모든 vertex를 한 번씩 방문하는 그래프 탐색이 있습니다. ↓↓↓ 그래프란? ↓↓↓ https://yyyeji.tistory.com/378 [DS] 그래프(Gr..

react-dom.development.js:86 Warning: validateDOMNesting(...): cannot appear as a descendant of 에러는 tag를 감싸는 tag가 tag 일 때 발생하는 tag입니다. 감싸는 tag를 찾아서 로 바꿔주면 해결됩니다. ◡̈

우선 onClick에 넣을 두 개의 함수를 선언합니다. const [counter, setCounter] = React.useState(1); const [sum, setSum] = React.useState(0); const onCount = () => { setCounter((current) => current+1); } const onSum = () => { setSum((current) => current+1); } tag 안에 onClick 속성을 아래와 같이 넣어주면 {onCount(); onSum();}}>Button 두 개의 기능을 하는 버튼을 생성할 수 있습니다. ◡̈

리액트(React)에서 텍스트 줄바꿈을 어떻게 해야할지 고민을 오래했는데 생각보다 쉽네요 ... 우선 원하는 tag를 사용해서 문구를 넣어줍니다. Hello World! 줄바꿈을 원하는 부분에 tag를 넣어줍니다. Hello World! 줄바꿈이 잘 되는 것을 확인할 수 있습니다. ◡̈

React에서 Link 컴포넌트를 사용하면 밑줄이 생깁니다. function Start() { 테스트 시작하기 } Link 컴포넌트의 밑줄을 제거하고 싶으면 아래와 같은 CSS를 이용하면 됩니다. function Start() { const style={ textDecoration: 'none', color: 'white' } return ( 테스트 시작하기 ); } 이렇게 Link 컴포넌트를 원하는대로 꾸밀 수 있습니다. ◡̈

props는 속성을 나타내는 데이터입니다. props를 인자 값으로 받는 함수형 컴포넌트를 하나 만들어 줍니다. function Component(props) { if (props.value===10) { return The number is 10.; } return null; } props.value에서 value는 속성 이름입니다. 아래 코드에서 value 속성에 값을 할당시켜 줍니다. function Question() { const [counter, setCounter] = React.useState(1); return ( ); } counter의 값이 1이기 때문에 return 값은 null이 되지만, 초기값을 9로 바꿔주면 return 값이 생깁니다. ◡̈