이전 Next.js로 리액트를 시작해본다에서 마지막으로 모임관리앱을 만들어 보기로 했다. 그냥 아무생각없이 내가 포함된 모임들이 관리가 체계적으로 되고 있지 않다는 생각이 불현듯 들어서 막 정했다. 이렇게라도 시작을 해야 뭐라도 만들고 끝나지 안그러면 생각만 하다가 아무것도 안하게 된다. 이건 다들 ㅇㅈ할꺼다.요구사항토이프로젝트라도 뭔가 만들려면 뭘만들지에 대한 요구가 필요할 것이다. 우린 이러한 것들을 사회적으로 ‘요구사항’이라고 하기로 합의했다. 모임관리앱에서 필요한 기능들은 뭐가 있을까? 앱에 필요한 기능을 요구해보자.모임을...
Vue로 회사 프로젝트를 끝내고, 여유있게 ‘넷플릭스에 어떤 신작이 나왔나~’하면서 살펴봤다. ‘셀러브리티’오, 뭔가 재미있어 보이는데? 일단 시작해봤다. 인스타그램의 셀럽들의 이야기로 나마저 인스타그램을 설치하게 만들었다. 설치할 때만 해도 셀럽이 될 것 같은 느낌이 들었는데, 설치하고 나니 할께 없었다. 외삼촌의 일상 피드가 약간 반가웠지만.. 뭐 결론은 할께 없더라. 차치하고, 인스타그램을 웹으로 접근했는데 보통은 꺼져있는 리액트 판별기가활성화 되었다.‘아, 인스타그램도 리액트를 사용하는구나.’얼마전에 리뉴얼된 네이버 포털...
챕터1. Node를 설치한다.Node.js 의 공식 홈페이지는 https://nodejs.org/ 다. 그냥 최신 버전을 설치하면 된다. 프로덕션용이라면 마지막 LTS버전을 사용하면 될 것.간단히 Node가 뭐냐면,비동기 이벤트 기반 JavaScript 런타임인 Node.js는 확장 가능한 네트워크 애플리케이션을 구축하도록 설계되었고, 더 쉽게 말하면 서버에 Node.js가 설치되어있고 우리는 Node.js를 이용하여 자바스크립트 언어로 프로그램을 만들어서 사용할 수 있다. 지금은 단순히 Vue로 프로젝트를 시작하려면 꼭 필요한...
타입스크립트로 코드를 만들다가 문제가 발생했다.const serviceCodes = computed(() => { if(!props.rentcar) return []; if(!props.rentcar.srvcCodes) return []; const result = props.rentcar.srvcCodes.reduce((acc, currentValue) => { const values = currentValue.split(',').filter(Boolean); // 콤마로 분리하고 빈 문자열 제거 return...
SYN (Synchronize): 연결 설정을 시작하는 플래그입니다. 송신자가 연결 요청을 보내고, 수신자가 이를 수락하여 연결을 설정합니다.ACK (Acknowledgment): 확인 응답을 나타내는 플래그입니다. 송신자가 수신자로부터 받은 데이터를 확인하고, 다음으로 예상되는 데이터의 순서 번호를 알려줍니다.PSH (Push): 데이터 전송을 즉시 수행하도록 요청하는 플래그입니다. 버퍼링된 데이터를 즉시 송신자에서 수신자로 전송하도록 알려줍니다.FIN (Finish): 연결 종료를 요청하는 플래그입니다. 송신자가 데이터 전송을...
RDB와 NoSQL은 데이터 저장 및 관리 방식에서 매우 다르다. 각각의 장단점을 비교해 본다.장단점RDB 장점정형화된 데이터 처리에 최적화되어 있음데이터의 무결성 유지 및 일관성 보장 용이JOIN을 사용하여 여러 테이블에서 데이터 쉽게 가져올 수 있음안정적이며 대규모 시스템에서도 확장 가능RDB 단점대용량 데이터 처리에 한계스키마 변경이 어렵고 확장성이 낮음분산 처리 어려워 대규모 클러스터에서 취약복잡한 쿼리 작성 필요NoSQL 장점대용량 비정형화된 데이터 처리에 최적화분산 데이터 처리 가능하여 대규모 시스템에서 용이데이터 구조...
그냥 경험담, 푸념, 누가 풀어주면 좋을텐데
회사 프로젝트를 끝내고 오픈을 잘하고나서도 또 느끼는 점들이 있어서 남긴다.
vue 에서 css 파일을 임포트하기 위한 방법은 3가지가 있다.첫번째는 script 영역에서 임포트하는 방법이 있는데,<script> import '@/<path>/test.css' ... </script> 위와 같은 방법으로 임포트를 하게 되면, 모든 화면에서 test.css를 포함하게 된다. 글로벌로 적용된다는 얘기.두번째는 style 영역에서 임포트하는 방법이 있다.<style> @import '@/<path>/test.css'; ... </style> 이렇게...
AUtoGPT 는 기본적으로 openai 의 dalle 를 사용하도록 구성이 되어있다..env 파일의 내용중에 아래 부분을 수정한다.IMAGE_PROVIDER=sdwebui 위 처럼 수정한후 가동하면 로컬의 스테이블 디퓨전을 바라보게 되는데 기본 설정인http://127.0.0.1:7860주소로 연동되게 된다. 주소를 바꾸고 싶으면 아래 설정을 더 추가해야한다.SD_WEBUI_URL=http://000.000.000.000:7860 여기까지 하면 스테이블 디퓨전에서 오류가 발생할 수 있다. 기본적으로 스테이블 디퓨전의 웹UI를...
CentOS 7에서 방화벽 설정을 위해서는 firewalld 서비스를 사용한다. 모든 외부 접근을 막고, 특정 아이피에 대해서는 SSH로 접속이 가능하게 하려면 다음과 같은 방법을 사용할 수 있다.firewalld 서비스가 실행 중인지 확인한다.sudo systemctl status firewalld firewalld 서비스가 실행 중이지 않다면, 다음 명령어를 사용하여 시작한다.sudo systemctl start firewalld 모든 외부 접근을 막기 위해 기본 정책을 설정한다.sudo firewall-cmd...
비밀번호를 변경root 계정의 비밀번호를 복잡한 비밀번호로 변경한다. 이렇게 하면 무차별 대입 공격에 대해 안전해집니다. passwd 명령어를 사용하여 비밀번호를 변경할 수 있다.$ sudo passwd root root 로그인 비활성화root 계정으로 직접 로그인하는 것을 비활성화한다. 대신 sudo 권한을 이용하여 명령어를 실행한다. 이렇게 하면 일반 사용자 계정으로 로그인한 후 sudo를 사용하여 필요한 작업을 수행해야 한다.$ sudo vi /etc/ssh/sshd_config 위 명령어로 sshd_config 파일을 열어...