CATEGORY72 nodejs 설치 방법 오늘은 nodejs를 설치하는 방법을 같이 진행해보겠습니다. 우선 nodejs 홈페이지에 들어가보면 메인화면에 설치할 수 있는 버튼이 나옵니다. 왼쪽에 있는 버전은 안정된 최신버전이고 오른쪽에 있는 건 가장 최근에 나온 버전입니다. 가장 최근에 나와서 버그가 있을 가능성이 있기 때문에 왼쪽의 LTS버전을 사용하시기 바랍니다. 설치하고 나면 아래의 파일이 다운로드 되는데 파일을 실행시킵니다. 파일을 실행시켜서 아무 설정 없이 next를 누르고 설치를 완료합니다. 설치를 완료하고 나면 보통 C:\Program Files\nodejs 경로에 저장되며 최신 nodejs는 환경변수도 자동으로 맞춰주기 때문에 환경변수를 설정할 필요는 없습니다. 정상적으로 설치되었는지 확인해 볼까요? 먼저 명령프롬프트를 실행시켜서 .. 2021. 9. 29. window10 sqlite3 설치 방법 sqlite3 설치에 앞서 sqlite3에 대해 소개하자면 QLite3 는 안드로이드, 아이폰에서 채택되면서 모바일 환경에서 가장 널리 사용되며 개발 초창기부터 임베디드 환경을 고려했기 때문에 SQLite3 는 다른 DB 의 대부분의 기능을 지원하면서도 상대적으로 라이브러리 크기가 작고, 메모리가 적은 환경에서도 뛰어난 성능을 발휘합니다. 오픈 소스 프로젝트이며, 특별한 라이선스 없이 무료로 사용 가능합니다. 설치는 sqlite3 홈페이지에서 받아줍니다. 다운로드 페이지에서 아래의 빨간 박스에 있는 파일을 다운로드 합니다. 다운로드 후 받은 파일을 자신이 원하는 곳에 압축을 풀어줍니다. 저 같은 경우는 C:\Program Files 경로에 풀어주었습니다. 설치는 모두 끝났습니다. 간단하죠? 설치된 폴더에.. 2021. 9. 26. vscode 폰트 적용하기 이번에 vscode를 설치 후 Fira Code폰트를 적용했습니다. vscode에 폰트를 적용하는 방법은 아래와 같습니다. 일단 저는 Fira Code폰트를 다운로드 받았습니다. 받은 후 압축을 풀면 ttf파일이 있는 걸 볼 수 있습니다. 위 빨간 사각형에 있는 파일이 ttf파일 입니다. 이 파일을 C:\Windows\Fonts 경로에 붙여넣습니다. 그러면 폰트를 설치하기 시작합니다. 그리고 vscode 설정(editor) > 텍스트 편집기(text editor) > 글꼴(font) > Font family 설정에 들어가 아래의 빨간 박스와 같이 맨 처음에 Fira Code를 입력해 줍니다. vscode에서 첫 번째 부터 차례대로 폰트를 설정합니다. (첫 번째 폰트가 설치되어 있지 않으면 두 번째, 두 .. 2021. 9. 23. 리눅스(LINUX) 파일 권한 변경 시 Read-only file system 에러 처리 개인 서버를 오랜만에 접속해서 특정 파일을 실행하려고 하니 원래 정상적으로 실행되던 파일이 아래와 같이 에러가 발생했습니다. 이건 리눅스 시스템 내에서 디스크 위험/보호를 위해 자동으로 쓰기방지를 했기 때문입니다. cat /proc/mount | grep /dev 위 명령어로 mount된 목록을 검색해보니 저 같은 경우는 /dev/vda1가 ro 상태였습니다. 인터넷으로 찾아보니 mount -o remount,rw /경로 "위 명령어로 리마운트해서 rw로 변경할 수 있다"라고 나왔지만 저 같은 경우는 아무것도 변경되지 않았습니다. 그러던 도중 좀 더 자세한 내용의 글을 봤는데 그대로 명령어를 입력하니 해결되었습니다. 우선 cat /proc/mount | grep /dev 위 명령어로 ro상태인 볼륨을 찾.. 2021. 9. 19. window10 putty-nd 사용법 기존의 putty보다 보기 편해서 항상 putty-nd를 사용하는데 window10에서 자주 문제가 발생합니다 현재 나와있는 최신 버전인 7.x는 에러를 잡다가 포기했고 예전에 사용하던 6.1버전을 다시 사용하기로 했습니다. 6.1 버전도 에러가 발생하지만 간단하게 잡을 수 있습니다. 우선 https://sourceforge.net/projects/putty-nd/files/ putty-nd - Browse Files at SourceForge.net I notice that some antivirus software reports risk of virus in putty-nd, and I do look into this. It turns out that the listening to the keyboa.. 2021. 9. 17. 구성 (composition) vs 상속 (inheritance) React는 강력한 구성 모델을 가지고 있으며 상속 대신 구성을 사용하여 컴포넌트 사이의 코드를 재활용하는 걸 권장합니다. 이 섹션에서는 React를 새로 접한 개발자들이 상속을 대할 때 겪는 몇가지 문제점에 대한 고려사항과 구성으로 어떻게 해결했는 지 보여줍니다. 방지 (Containment) 일부 컴포넌트는 자식을 미리 알 수 없습니다. 이는 일반적으로 “박스”로 나타나는 Sidebar나 Dialog같은 컴포넌트에서 특히 일반적입니다. 이러한 컴포넌트는 특수한 children prop을 사용하여 자식 요소를 출력에 직접 전달하는 것이 좋습니다. function FancyBorder(props) { return ( {props.children} ); } 이렇게 하면 JSX를 중첩하여 다른 컴포넌트가 임.. 2021. 2. 2. 이전 1 ··· 6 7 8 9 10 11 12 다음
