본문 바로가기

전체 글144

[Tool, CI/CD] Jenkins 0. 기본 개념 1. ssh(Secure Shell) 원격지 호스트 컴퓨터에 접속하기 위해 사용되는 인터넷 프로토콜, 말그대로 보안 쉘이다. 기존의 원격 접속에 사용하던 텔넷은 암호과가 없어 거기에 보안기능을 추가하여 1995년에 나온 프로토콜 쉘로 원격 접속을 하는 것이므로 시본적으로 CLI 상에서 작업을 하게되며 기본 포트는 22번이다. 2. CLI(Command Line Interface) 명령 줄 인터페이서, 명령어 인터페이스로 텍스트 터미널을 통해 사용자와 컴퓨터가 상호작용하는 방식이다. 현재는 GUI(Graphic User Interface)를 대부분 운영체제에서 지원한다. 1. CI/CD 1-1. CI(Continous Intergration) 여러명의 개발자가 코드 베이스를 계속해서 통합하.. 2023. 7. 19.
[CS] 컴파일러 언어, 인터프리터 언어, 트랜스파일 1. 컴파일러 언어 1)컴파일러란? 고급 언어로 작성 된 소스 코드를 저급 언어로 번역하느 프로그램을 가리킨다. 고급언어는 사람이 이해하기 쉽도록 작성된 언어로 C, C++, JAVA 등이 있다. 저급 언어는 컴퓨터 내부에서 바로 처리 가능한 프로그래밍 언어로 기계어와 어셈블리어 등이 있다. 컴파일러를 통해 컴파일 타임에 전체 소스 코드를 한번에 기계어로 변환 후 실행파일을 만든다. 컴파일 단계와 실행 단계가 각각 분리되어있고, 컴파일은 단 한번만 수행한다. 실행은 실행 파일을 실행시킴으로써, 실행시에는 컴파일 과정이 없기에 코드 실행 속도가 빠르다. 단, 프로젝트 규모가 클 경우 컴파일 시간이 오래걸릴 수 있다. 2. 인터프리터 언어 1)인터프리터란? 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터.. 2023. 7. 19.
[React, typescript] isolatedModules 에러 typeScript에 빈페이지가 있으면 해당 에러가 발생한다. 빈 페이지에 export {} 입력하면 에러가 해결된다. 참조 : https://stackoverflow.com/questions/56577201/why-is-isolatedmodules-error-fixed-by-any-import/56577324 2023. 7. 19.
[React] next.js 1. next js란 1. 기본 개념 nextjs는 React로 만드는 서버사이드 렌더링 프레임워크이며, 서버사이드 렌더링으로 얻는 이득은 아래와 같다. 클라이언트 렌더링의 경우 모든 js 파일을 로드하여 사용자가 웹을 보게 됨, 이때까지 많은 시간을 대기해야함 seo 문제 : 클라이언트 사이드의 경우 자바스크립트가 로드 되지 않은 경우 아무런 정보가 안보임, 구글의 검색엔진의 경우 자바스크립트가 로드되지 않은 페이지를 검색엔진으로 스캔함으로 결론적으로 검색에 아무 페이지도 걸리지 않게 된다. 결론 : 클라이언트 측에서 자바스크립트 로딩시간을 줄이고, 서버측에서 JS, htm, css를 만들어 컨텐츠를 직접 업로드 함으로 검색엔진에 게시글이 걸리게 된다. 또한 meta 태그를 자유롭게 추가함으로 seo를.. 2023. 7. 19.

티스토리툴바