현재 만들고 있는 개인 블로그의 글 목록에 글 내용을 미리보여주고 싶어서 레이아웃을 이렇게 짰는데(빨간색 부분이 미리보기) 글에 스타일이 들어가므로 db에 html을 문자열로 넣고 미리보기를 확인해 보니 세번째 글 처럼 html태그가 다 보인다. 하지만 미리보기 1~2줄 보여주겠다고 html 파일 전체를 파싱하고 그중 앞부분만 자르는 것도 비효율적이라고 생각해서 그냥 db에 미리보기용 속성을 만들고 거기에 문자열을 조금 넣기로 했다. 이게 기존 post 테이블의 구성 ALTER TABLE [테이블 이름] ADD [속성 이름] [옵션들...] ALTER TABLE post ADD preview varchar(25) NOT NULL; 속성이 잘 추가된것을 볼 수 있다. 하는 김에 작성 날짜도 추가해줬다. 이..

공식 문서를 보며 라즈베리파이에 git을 설치하려는데 아래와 같은 오류가 뜨며 설치가 되지 않았다. 검색을 해보니 몇가지 해결 방법이 나왔다. 1. dpkg 데이터베이스 재구성 dpkg 데이터베이스가 손상되었을 수도 있기 때문에 아래와 같은 명령어로 데이터베이스를 재구성 해주면 된다. sudo dpkg --configure -a 2. 강제 설치 오류가 발생하더라도 강제로 설치하는 방법도 있다. sudo apt install -f 이외에도 몇가지 방법이 있지만 나는 첫번째 방법으로 해결되었다. 참고: https://www.tecmint.com/sub-process-usr-bin-dpkg-returned-an-error-in-ubuntu/

주석 -- 사용 -- 이 글은 주석입니다. -- 여러줄은 이렇게 입력합니다. -- 변수 키워드 없이 변수 명을 입력하여 전역 변수로 사용 또는 local을 붙여서 지역 변수로 사용 a = 5 function Test01() local a = 42 print(a) end function Test02() print(a) end Test01() -- 42 출력 Test02() -- 5 출력 타입 루아에는 8개의 기본 타입이 있다. nil boolean number string userdata function thread table nil 타 프로그래밍 언어에서의 null을 루아에서는 nil로 쓴다 table 배열과 비슷하지만 인덱스에 숫자뿐만 아니라 문자열이나 nil을 제외한 다른 값들을 사용할 수 있다 크기..

리액트에서는 재사용성 문제로 요소에서 id 속성을 사용하는 것을 권장하지 않는다. 하지만 기능을 구현하다보면 특정 DOM에 접근해야 할 때도 있다. 이럴 때는 Ref를 이용해 특정 DOM에 접근할 수 있다. useRef 훅 사용하기 // useRef 훅 임포트 import { useRef } from 'react'; 아래는 버튼을 클릭하면 canvas에 초록색 네모가 나타나는 예제이다. export default function RefSample(){ // ref 선언 // 현재 ref는 null const myRef = useRef(null); function DoSomethingWithRef(){ // ref.current를 통해 ref에 저장한 DOM에 접근할 수 있다. var ctx = myRef..

새로운 세션 만들기 1. 이름 미지정 screen 2. 이름 지정 screen -S "세션 이름" 세션 목록 보기 screen -list 세션에서 나가기(detach) ctrl + a + d 세션 삭제 screen -S "세션 이름" -X quit

기본 사항: State에 배열을 저장할 땐 불변한 것으로 취급해야 한다.(수정할 수 없다.) 따라서 배열을 수정하고 싶을 땐 기존의 배열 내용을 수정하는 것이 아니라 새로 생성해야 한다. 피해야할 방법 권장되는 방법 추가 push, unshift concat, [...array] 삭제 pop, shift, splice filter, slice 교체 splice, arr[i] = .... map 정렬 reverse, sort copy the array first 배열에 추가하기 import { useState } from 'react'; let nextId = 0; export default function List() { const [name, setName] = useState(''); const [a..