10월에 SSH를 배운 이후로, 우리 회사의 자체 서비스는 무조건 SSH 원격접속으로 작업하고 있다. 이제 SSH 접속해서 코딩하는 일은 손에 익었는데, 이번에 작업 도중 png 파일을 svg로 변환해서 디렉토리에 넣어야 하는 경우가 생겼다.👀디렉토리가 로컬에 있다면 svg로 변환한 파일을 바로 넣으면 되는데, 원격접속한 리눅스 서버 환경에는 어떻게 넣어야하는지 몰라서 방법을 찾았다. 내가 win10을 사용하고 있으니까 Windows PowerShell이나 vscode 터미널에서 scp 명령어를 사용하면 된다고 해서 실험했는데, SSH 환경인 리눅스 서버와 로컬(내 컴퓨터)가 연결이 안 되어있어서 자꾸 에러가 났다.😥어떻게든 문제를 해결하려던 찰나에, 사수님이 'FileZilla'라는 프로그램을 알려..

개인 프로젝트를 해보려다가 MySQL과 PostgreSQL의 차이가 궁금해져서 이것저것 자료를 찾아보고 공부해보았다. 둘의 공통점과 차이점을 공부하면서 ORDBMS도 알게 되었고, 올해 상반기에 정보처리기사 공부하면서 봤던 ACID도 다시 보게 되었다. 하나씩 정리해보자.✍MySQL과 PostgreSQL의 공통점과 차이점일단 공통점은 둘 다 '관계형 데이터베이스 시스템(RDBMS)'이라는 것이다.둘의 차이점은 데이터를 어떻게 처리하고 관리하느냐에 있다.MySQL의 특징스토리지 엔진으로 InnoDB를 사용할 때에만 ACID를 준수한다.순수 관계형 데이터베이스 시스템이다.MVCC를 제한적으로 사용하여 읽기 전용 명령을 관리하기 편리하지만, 동시성이 필요한 경우는 선호되지 않는다.읽기 요청과 쓰기 요청이 충돌..

아는 것도 있지만 이번 기회에 정리해두는게 좋을 것 같아서 기록한다.정보처리기사 필기 공부할 때, "서브넷 마스크" 관련 문제가 있었는데 여기 나오네!AWS 관련 용어들의 기본 개념인바운드(Inbound): 외부에서 클라이언트의 요청이 AWS 서버(EC2 인스턴스)로 들어오는 트래픽.아웃바운드(Outbound): AWS 서버가 처리한 요청을 외부로 내보내는 트래픽.포트(Port): 컴퓨터 네트워크에서 특정 서비스나 애플리케이션을 식별하는 번호. 서버 애플리케이션은 각자 고유한 포트 번호를 사용하고, 프로토콜은 특정 포트를 사용하여 통신한다. 포트 범위는 0부터 65535까지 존재하며, 보안상 0~1023번 포트를 Well-known port라고 한다.일반적으로 잘 알려진 서비스들이 Well-known 포..

지난달에 Flux 패턴과 관련해서 공부하면서 잠깐 정리했었고, 정보처리기사 필기 준비할 때도 봤던 기억이 있는데, 한번도 기본 개념을 제대로 정리한 적이 없어서 이번 기회에 정리해본다. 회사에서 MVC패턴이 굉장히 자주 언급되어서, 어렴풋하게만 알고 있던걸 제대로 이해하고 있어야겠다고 생각했다.※ Flux 패턴의 기본 개념 정리 - https://hjinn0813.tistory.com/136 Flux 패턴의 기본 개념Redux, Zustand 같은 전역 상태관리 라이브러리는 Flux 패턴을 기반으로 만들어졌다.hjinn0813.tistory.com데이터 흐름의 차이디자인 패턴들의 기본 개념을 정리하기 전에, 데이터 흐름에 대해서부터 알아야 한다."데이터 흐름"이라는건 사용자가 어떤 요청(클릭, 입력, 이..

php 코드는 어떤 문법을 가지고 있는지 궁금해서 살짝 살펴봤다.JS랑 비슷한거 같으면서도 달라서 신기했다.https://www.w3schools.com/php/ W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com배열echo "1. 인덱스 배열 ";$fruit = array("apple", "banana", "grape");echo $fruit[1] . ..

WS (Web Server)단순히 웹페이지를 보여주는 역할.요청받은 정적인 웹 리소스(HTML, CSS, 이미지 등)를 찾아서 그대로 전달해주는 서버. (파일 요청 → 그대로 전달)많은 요청을 동시에 처리하기에 적합하고, 리소스 사용량이 비교적 적다.대표적으로 Apache, Nginx 같은 프로그램이 있다.정적 콘텐츠 제공HTML, CSS, 이미지, 동영상 같은 미리 준비된 파일을 클라이언트(사용자)에게 제공한다.HTTP 요청 처리사용자가 브라우저에서 보낸 요청을 받아들이고 처리한 뒤, 응답을 돌려준다.정적인 요청은 웹 서버가 직접 처리하고, 복잡한 요청은 WAS로 넘긴다.인증과 보안HTTPS를 통해 데이터를 암호화해서 안전하게 전달한다.허가되지 않은 접근을 막기 위해 보안 설정을 관리한다.로드 밸런싱많..

회사에서 php가 섞인 JS 코드를 보기 위해서 각종 툴을 설치했다.php가 섞인 코드를 보려면 (당연히) php를 설치해야하고, apache 웹 서버도 함께 설치해야한다.나는 여기에 추가적으로 Tomcat과 JDK를 설치했다. 간단하게 설치 과정을 기록해본다.✍Apache, Tomcat의 개념은 아래 블로그 참고.https://inpa.tistory.com/entry/TOMCAT-%E2%9A%99%EF%B8%8F-%EC%84%A4%EC%B9%98-%EC%84%A4%EC%A0%95-%EC%A0%95%EB%A6%AC [TOMCAT] 🐱 아파치 톰캣 개념 구성 & 설정 💯 정리아파치 (Apache) 와 톰캣 (Tomcat) 아파치 (Apache) 아파치 소프트웨어 재단에서 만든 웹서버(web server..

글 생성 시에 비밀번호를 입력받는다면, 수정과 삭제에도 비밀번호 기능이 있어야 하기 때문에 추가했더니 다양한 에러가 발생했었다. 최종적으로 모두 해결했기에 기록하는 글.✍대부분의 코드는 지난 글의 내용과 비슷하기 때문에, 지난 글 링크도 같이 첨부한다.※ Fast API에서 비밀번호 해싱하기 - https://hjinn0813.tistory.com/151 Fast API에서 비밀번호 해싱하기CRUD가 되는 게시판에서 글 생성 시에 비밀번호 해싱하기hjinn0813.tistory.comUnknownHashError 트러블슈팅게시판 프로젝트에 비밀번호 기능을 추가하고 실험하면서 다양한 에러가 있었는데, 해결까지 가장 시간이 오래 걸렸던게 "passlib.exc.UnknownHashError: hash cou..

사수님의 제안으로, 지난 시간까지 나 혼자 풀스택으로 CRUD가 되는 게시판을 만들었다. 기능적인 부분을 우선적으로 생각해서 만들었는데, 이후에 내가 까먹고 구현하지 않은 필수 기능이 있다는걸 깨달았다.내가 쓴 글을 수정/삭제하려면 본인임을 인증할 수 있는 장치가 필요하다는 것!😅그래서 CRUD 기능이 완성된 게시판에 비밀번호 입력 기능을 추가했다. 비밀번호 기능을 추가한 후에, 몇 가지의 에러가 돌아가면서 발생하고 있어서 아직 끝나지 않았지만, 최초 글 생성 시에는 제대로 작동하고 있는걸 확인했기 때문에 기록해본다.✍※ CRUD가 되는 게시판 만들기, 백엔드 코드 설명 - https://hjinn0813.tistory.com/149 DB에 CRUD가 되는 게시판 만들기 - Backend나중에 풀스택으..

지난 시간에 이어 이번에는 실제로 서버와 통신하며 게시글의 생성, 수정, 삭제가 되는 게시판 만들기를 위해 프론트엔드 쪽에서는 어떤 작업을 했는지 기록해보려고 한다.✍본론으로 들어가기에 앞서, 지난번에 백엔드 작업을 기록하면서 사용 기술도 같이 적어두는걸 까먹었길래 여기에 적어본다.백엔드는 Python, Fast API, MariaDB를 사용했고, 프론트엔드는 Axios, React Query, React, scss를 사용했다.※ 게시판 만들기 백엔드 작업 기록 - https://hjinn0813.tistory.com/149 DB에 CRUD가 되는 게시판 만들기 - Backend나중에 풀스택으로 성장하고 싶다고 말했지만, 이렇게 빨리 백엔드를 배우게 될 줄은 몰랐다.😂hjinn0813.tistory.c..