기록을 합시다.

정확히는 React 오류이지만.. Next.js 프로젝트를 생성해서 하고 있으니 Next.js라고 제목에 붙였다. 코딩을 하다가 갑자기 이 오류가 났다. 아.. handleSelectedComponent함수를 만들어서, child 한테 props를 넘겨줬는데.. 함수라고 인식하지 못 했다. 부모 컴포넌트와 자식 컴포넌트는 아래와 같다. 이렇게 handleSelectedComponent를 만들어 ButtonGroup 태그에 넘겨줬는데도 왜 함수라 인식 못 했을까? 그것은 바로 props를 자식 태그에 넘길 때 {}를 안 써서였다. ㅜㅜ 즉, ButtonGroup(handleSelectedComponent)라고 쓰면 안 되고, ButtonGroup({handleSelectedComponent})라고 적어야 ..

보통 useState를 이용해 input 요소 안의 글자를 입력하는 것으로 알고 있어서 useState를 썼다. 그.런.데. 영어로는 잘 써지는데 한글은 꼭 두 번씩 글자가 써지는 현상이 일어났다. 그리하여 검색의 검색을 거듭하여 알아보니, 한글이 유니코드이며, 한 글자에 2바이트 이상의 문자라서 그렇다고 한다. (참고로 영어는 한 글자에 1바이트..) 아무튼 한글을 입력하고, 받아올 때에는 useState가 아니라 useRef를 이용하여야 한다. 위와 같이 useRef를 이용하면 해결된다!! 아래는 전체 코드이다. import { useState, useRef } from "react"; import { Button, Input, Card, Col, Row, Text, Spacer } from "@ne..

리액트를 인터넷 강의로 배우기는 했지만..(Udemy, 니코쌤.. ) 역시 내가 UI 구성에 너무 약해서 그냥 있는 걸 활용하기로 했다. 그래서 내가 바로 찾아온 건 NextUI!! https://nextui.org/ NextUI - Beautiful, fast and modern React UI Library Make beautiful websites regardless of your design experience. nextui.org 검색을 해보니 이 라이브러리가 나온지 그렇게 오래되지는 않았다고 한다. 실제로 Document를 봐보면 아직 준비중인 컴포넌트들도 있다. 물론 그 컴포넌트들 빼고도 충분하게 UI 구성이 가능하다. (그리고 쉬워보여서 내가 고름..) 일단은 NextUI를 시작하기 위해서..

문제 설명 JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 단, 첫 문자가 알파벳이 아닐 때에는 이어지는 알파벳은 소문자로 쓰면 됩니다. 문자열 s가 주어졌을 때, s를 JadenCase로 바꾼 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 1 이상 200 이하인 문자열입니다. s는 알파벳과 숫자, 공백문자(" ")로 이루어져 있습니다. 숫자는 단어의 첫 문자로만 나옵니다. 숫자로만 이루어진 단어는 없습니다. 공백문자가 연속해서 나올 수 있습니다. 나의 풀이 아무튼 이 문제의 관건은 공백의 수 고려, 입력 문자열을 처음에는 lower case로 바꿔주는 것이다. def solution(s): lower_s = s.lower(..

수업 시간에 선생님이 학생과 학생 성적에 관한 테이블을 짜보라고 하셨다. 그래서 얼른 이렇게 즉석으로 한 번 써보고 다시 봐 보려고 캡쳐해서 저장해놨다. 그런데 역시 집에 오고 나니 보이는 단점들이 있다. 1. curriculum(curriculum_name) teacher(teacher_name) student(student_name)을 CHAR로 설정한 것이 단점이라고 생각했다. 사람이나 과목마다 글자 수가 다를 거라 생각되어 VARCHAR로 두는 게 나을 것이라는 생각이 들었다. 2. CONSTARINT 제약으로 FOREIGN KEY만 두는 게 아니라 ON UPDATE/ON DELETE에 동작을 더 줬으면 좋았을 것 같다. 특히 grade의 참조 칼럼인 student_id에 ON DELETE CAS..

이번 포스팅에서는 Virtual Machine의 Windows10에서 MySQL 서버를 깔고, 호스트 컴퓨터(Virtual Machine 말고 쓰고 있는 노트북이나 컴퓨터)에서 MySQL 서버에 접속하는 방법을 다뤄보겠다. 사전 작업 사항은 Windows10 가상 머신을 깔아서 실행할 것! 1) 위와 같이 가상 머신의 위의 탭 중에 머신-설정을 누른다. 2) 설정에서 공유 폴더를 누르고, 맨 오른쪽에 있는 + 표시가 된 파란색 폴더 아이콘을 눌러준다. 3)공유 추가에서 기타를 눌러 자신이 공유하고자 하는 폴더를 선택한다. 이 때, 딱히 가상머신에서 마운트 하고자 하는 폴더가 없다면 자동 마운트를 체크 하고, 편의를 위해 항상 사용하기를 누른다. 나는 호스트 컴퓨터에서 MySQL installer가 깔려 ..

express로 코딩을 하고 있는데 에러가 났다.. 전체 에러 메시지는 아래와 같다. C:\account-book\server\node_modules\mysql2\promise.js:369 const localErr = new Error(); ^ Error: Bind parameters must be array if namedPlaceholders parameter is not enabled at PromisePool.execute (C:\account-book\server\node_modules\mysql2\promise.js:369:22) at User.checkEmail (C:\account-book\server\models\userModel.js:26:12) at exports.create (C:..

컴퓨터 구조는 간단하게 말하자면 아래와 같이 5가지로 이루어져있다. 중앙처리장치 주기억장치 보조기억장치 입출력장치 주변장치 참고로 중앙처리장치, 주기억장치는 전원이 꺼지면 데이터를 다 잃어버리는 휘발성 특징을 가지고 있으며, 보조기억장치는 그 반대인 비휘발성 특징을 가지고 있다. 중앙처리장치(CPU = Computer Processing Unit) 중앙처리장치인 CPU는 컴퓨터 구조에서 제일 중요한 데이터를 처리, 기억, 연산을 하는 역할을 수행하고 있다. 중앙처리장치는 네 가지의 구성 요소로 이루어져있다. ALU(Arithmetic Logic Unit) : ALU는 여러 연산들, 즉 산술 연산과 논리 연산을 계산하는 디지털 회로이다. CPU의 모든 계산을 도맡고 있다고 보면 된다. CU(Control ..