⭐주의⭐ 지식이 매우 부족한 상태에서 아무렇게나 적어둔 글입니다. 잘못된 정보가 포함될 수 있습니다. 잘못 된 부분은 댓글로 알려주세요! Next.js란? Next.js 는 React의 SSR(Server Side Rendering)를 도와주는 프레임 워크입니다. 기본 React는 SSR과 CSR 두 가지 모두 지원을 하지만 보통 기본적으로 SPA(Single Page Applciation)으로 CSR(Client Side Rednering)를 사용합니다. 이때 CSR과 SSR에 대한 장점과 단점이 나타나게 되는데 CSR기반은 초기에 한번만 로딩 되고 나면 JS를 이용하여 모든 Dom를 구현하기 때문에 사용자가 페이지 전환이 유연하게 이루어 진다는 것을 느끼게 됩니다. 단점은 사이트 규모가 커지게 되면 ..

이전 18.04 lts 세팅을 하였던 것을 기반으로 이번에 20.04를 설치하고 세팅하면서 다시 작성합니다. https://jaeseokim.tistory.com/97 XPS 13 7390 ubuntu 세팅 기록용 기본 필수 작업 시작 DELL XPS 13 7390 Developer Edition는 기본 ubuntu 18.04 LTS 버전이 기본 설치 되어 있어서 바로 설치를 진행하고 사용하기 시작 했습니다. google chrome public sign key 에러 해결 일단.. jaeseokim.tistory.com 목차 [TOC] chrome 설치 https://www.google.com/chrome/ 에서 ubuntu/debian용 deb 패키지를 다운 받습니다. dpkg --install goo..

Selector Example Example description .class .intro class가 "intro"인 모든 HTML 요소에 대해 선택 .class1.class2 .name1.name2 class가 name1이면서 name2인 모든 HTML 요소에 대해 선택 .class1 .class2 .name1 .name2 class가 name1이거나 name2인 모든 HTML 요소에 대해 선택 #id #firstname id가 "firstname"인 HTML 요소에 대해 선택 * * 모든 HTML 요소에 대해 선택 element p 인 모든 HTML 요소에 대해 선택 element.class p.intro 이면서 class가 "intro"인 모든 HTML 요소에 대해 선택 element,elemen..

Tag Description 주석을 정의 문서 타입을 정의 Hyperlink을 정의 약어를 정의(마우스 오버시 툴팁으로 내용 출력) 문서의 소유자 정보에 대한 정의 image-map에서 해당 영역을 정의 article을 정의(기사 내용과 같이 독립적인 내용을 담을 때 사용) 페이지 내용에 대한 aside(연관된 정보)를 정의 오디오 컨텐츠를 정의 굵은 글씨를 정의 문서내부에서 상대적으로 접근 하는 URL의 기준 URL를 정의 다른 방향으로 지정될 수 있는 언어에 대해 자동으로 텍스트를 분리하여 방향 재정의(ex. 히브리어, 아랍어) 해당 문자의 방향을 재설정 인용에 대해 정의 document의 body에 대해 정의 한줄 넘기는 것에 대해 정의(엔터 처리) 버튼에 대해 정의 scripting를 통해 즉석에..

접근을 하면 아래의 형태로 API 응답이 오는 것을 확인 할 수 있다. { NOTE: "For API help visit our help page /static/help", status: "OK" } Endpoints /api/login - POST /api/ftp/dir - POST /api/ftp/get_file - POST Params /api/login - username, password /ftp/dir - dir /ftp/get_file - file /api/login에 접근해서 username과 password를 JSON 형태로 전송을 해본다. curl -X POST -H "Content-Type: application/json" -d '{ "username" : "", "password" ..

오늘 따라 너무 심심해서 인터넷에서 유행하는 달고나 커피 한번 만들어 봤다.

Ghostcat logo created by 차이틴 테크(Chaitin Tech) 취약점 개요 Apache Tomcat에서 기본으로 제공하던 AJP(Apache JServ Protocol) Connector에 취약점이 발견하게 되어 이를 통해 인증없이 Tomcat서버의 webapp목록 하위에 있는 모든 파일을 읽을 수 있습니다. 또한 파일 업로드가 가능한 서버라면 RCE(Remote Code Execution) 공격으로도 이어질 수 있습니다. 이 취약점이 가능해진 이유는 기본적으로 AJP Connector가 활성화 되는 것이 기본으로 설정되어 있고 또한 모든 IP 주소에 대해 허가를 하고 있어 심각도가 높습니다. 취약한 버전 목록 Apache Tomcat 버전 취약한 버전 수정된 버전 Apache Tom..

최근에 친구가 어떤 브랜드의 홈페이지가 이쁘고 신기하다면서 링크를 해주었는데 링크 들어가보니 3D가 구현이 되어 있고 동적으로 마우스 이벤트에도 반응을 하고 신기해서 어떻게 구현을 했는지 소스를 보다 three.js라는 라이브러리가 있어서 찾아보았습니다. https://threejs.org/ three.js – JavaScript 3D library threejs.org 한번 찾아보고 공부를 해보니 이 라이브러리는 기존 구현이 복잡한 WEBGL 기술을 간단한 코드만으로 구현이 가능하게 해주는 라이브러리 였습니다. 공식 예제들도 제공을 해줘서 구경을 하다 이런 것도 구현이 가능하구나 하면서 놀라게 되면서 한번 만들어보자! 하고 예제들을 분석하면서 만들기 시작 했습니다. https://threejs.org/..