석봉노트 석봉노트

분류 전체보기

• React 시작하기 6. Multiple Input State

  DEV/react 2024. 1. 3. 16:16

  App.js import React from 'react'; import InputSample from '../src/InputSample'; function App() { return ( ); } export default App; InputSample.js import React, { useState } from "react"; function InputSample() { // {name, nickname} 객체로 초기화, 초기화는 ''로... const [inputs, SetInputs] = useState({ name: '', nickname: '' }); // 비구조화 할당을 통해 값 추출 const { name, nickname } = inputs; // 이벤트(e)로 해당 target의 va..

  Read More
• React 시작하기 5. Input State

  DEV/react 2024. 1. 3. 15:19

  App.js import React from 'react'; import InputSample from './inputSample'; function App() { return ( ); } export default App; InputSample.js import React, { useState } from "react"; function InputSample() { // useState => text/SetText const [text, SetText] = useState(''); // 이벤트(e)로 해당 target의 value 불러오기 const onChange = (e) => { SetText(e.target.value); }; // Setter 함수로 값 초기화 const onReset = ()..

  Read More
• React 시작하기 4. useState

  DEV/react 2024. 1. 3. 14:55

  App.js import React from 'react'; import Counter from './Counter'; // Counter import function App() { return ( {/* Counter 불러오기 */} ); } export default App; Counter.js import React, { useState } from 'react'; // useState : 컴포넌트의 동적인 값 관리 function Counter() { /** * useState 함수는 상태의 기본값을 파라미터로 넣어서 호출 * useState의 반환값 [0] : 현재 상태 * useState의 반환값 [1] : Setter 함수 */ const [Number, setNumber] = useStat..

  Read More
• React 시작하기 3. 조건부 렌더링

  DEV/react 2023. 12. 22. 16:51

  App.js import React from 'react'; import Sample from './Sample'; // Sample component 불러오기 function App() { return ( // true는 생략하면 true임, 하단 두 은 같은 결과를 출력함. // ); } export default App; Sample.js // 컴포넌트 생성을 위해 React Import import React from 'react'; /** * [Props sample] * @param {*} props 전달 데이터 * @returns */ function Sample({ name, isSpecial }) { const style = { border: '5px solid red', padding:..

  Read More
• Error py-hanspell KeyError 에러 코드와 해결 방법

  DEV/python 2023. 12. 20. 10:29

  사용자 환경 : M1 Mac 에러가 발생한 설치 패키지 : pip install git+https://github.com/ssut/py-hanspell.git 에러코드 : --------------------------------------------------------------------------- KeyError Traceback (most recent call last) Cell In[1], line 4 1 from hanspell import spell_checker 3 sent = "맞춤법 틀리면 외 않되? 쓰고싶은대로쓰면돼지 " ----> 4 spelled_sent = spell_checker.check(sent) 6 hanspell_sent = spelled_sent.checked 7 ..

  Read More