분류 전체보기 19

Next.js 소개 (2. Next.js 에서 제공하는 기술들)

Next.js는 React의 SSR(Server Side Rendering)을 지원하는 Framework이며 개발 방법은 기존 React와 거의 같다. Next.js를 사용해 페이지를 개발할 경우 메인화면은의 응답 포맷은 아래와 같다. 상단은 기존 React 처럼 모든 개발 내용을 가지고 있는 javscript가 import 되어있고 일반 웹페이지 처럼 Tag도 같이 제공되고 있다.. 이렇게 페이지를 제공할 때 2가지의 장점이 있다. 1. 이전 글에서 언급한 검색봇의 문제를 해결할 수 있다. - 검색 봇이 크롤링을 수행할 때 이제는 페이지 안의 많은 내용을 취득할 수 있게 된다. 2. 브라우저의 렌더링 속도가 빨라진다 - React의 경우 모든 소스코드가 Javascript로 이루어져 있고 Javascr..

Web/React 2022.07.07

Next.js 소개 (1. React에서 지원하지 못하는 것)

일반 적으로 웹 페이지는 HTML, CSS, Javascript 3가지의 언어로 구성되어 있다. 이 3가지의 언어로 구성된 페이지를 서버에서 다운받고 클라이언트인 브라우저에서 로드하여 렌더링 하면.. 현재의 페이지가 출력된다. 실제 네이버 홈페이지에 접속해 응답받은 파일을 보면 HTML, CSS, Javscript로 구성되어 있다. 요즘 많이 사용하는 React와 Angular 등의 홈페이지에서는 파일이 어떻게 구성되어 있을까? 내용이 하나도 없다. 아까 예시의 네이버에서는 홈페이지에서 보이는 글, 그림 등이 모두 HTML에서 Tag로 구성되어 있는것을 확인할 수 있었는데 React로 개발한 페이지는 아무 내용을 확인 할 수 없다. 하지만 브라우저에서는 렌더랑 완료된 화면이 동작한다. 어떻게 된 것일까?..

Web/React 2022.07.07

JDK 종류 총 정리 Oracle JDK, OpenJDK, Adpot, Corretto, Zulu

여러 가지의 JDK가 있는 이유 가장 큰 이유는 라이센스이다. 최신 버전의 Oracle JDK 17, 18의 경우 "Oracle No-Fee Terms and Conditions (NFTC)" 라이센스가 적용된다. 사용 가능한 목적과 대상은 다음과 같으며 회사에서 상용목적으로는 사용이 불가하다. "internally use the unmodified Programs for the purposes of developing, testing, prototyping and demonstrating your applications, and running the Program for Your own personal use or internal business operations" Java 소스코드 자체는 오픈소스이..

카테고리 없음 2022.04.07

Java 버전 관리 도구 "SDKMAN"

여러 개발 도구의 버전 관리 방법 보통 개발을 시작할 때, UI Framework 등 사용이 필요한 라이브러리를 선정하고 사용할 라이브러리가 실행되는 개발 환경 구축하는 순서로 진행한다. 문제는 여러 개발 과제가 여러 개인 경우 Python, Node.js, Java 등의 버전을 각각의 과제에서 달리하여 사용이 필요할 때가 있다. Python의 경우 pyenv가 유명하며 Anaconda를 설치하여 해결할 수도 있다. https://github.com/pyenv/pyenv GitHub - pyenv/pyenv: Simple Python version management Simple Python version management. Contribute to pyenv/pyenv development by cr..

Elasticsearch Build 방법

Prerequisite Elasticsearch 빌드를 위해서는 Java가 필요하다. 8.x 버전 빌드에는 Java 17 버전이 필요하며 7.x 버전 빌드에는 Java 11 버전이 필요하다. Ubuntu 환경에서 Elasticsearch 8.1.2 버전 기준 빌드 방법은 다음과 같다. Build From Source 1. Java 17 다운로드 - Java 설치에는 여러 가지 방법이 있는데, 필자는 Azul Zulu를 통한 설치를 추천한다. - 테스트해 봤을 때 설치가 가장 쉽고 성공적으로 적용된다. 더불어 장점도 많다. - 아래 사이트에서 .deb 버전으로 다운로드한다. https://www.azul.com/downloads/?version=java-17-lts&os=ubuntu&architecture..

Data/Elasticsearch 2022.04.06

Elasticsearch License

2022-04-04 기준 Elasticsearch와 Kibana는 ELv2와 SSPL 두 개의 License를 제공하고 있다. 7.11 이전 버전까지 포함하면 Apache 2.0 까지 총 3가지의 License를 사용할 수 있다. Elastic License 2.0 (ELv2) 주요 내용 Elastic License 2.0은 Elasticsearch와 Kibana의 모든 무료 및 유료 기능의 소스 코드와 Elastic의 배포에 적용됩니다. ELv2를 이용하는 우리의 목표는 어뷰징으로부터 보호하면서 가능한 한 많은 것을 허용하는 것입니다. 이 라이선스는 다음의 세 가지 간단한 제한 사항과 함께 사용, 수정, 파생 작품 생성 및 재배포를 할 수 있는 자유로운 권리를 허용합니다. 제품을 다른 사람에게 관리형 ..

Data/Elasticsearch 2022.04.04

[AI & ML] 정확도, 정밀도, 재현율, F1 점수

정확도 TP / 전체 데이터 TP(Ture Positive) : 올바르게 예측한 값 정밀도 TP / (TP + FP) FP(False Positive) : 맞다고 예측한 값이 틀렸을 경우 정밀도는 결국.. 예를 들어서 비가오는날을 예측하는 경우 비가온다고 예측한 날에 비가 온 경우 / (비가온다고 예측한 날에 비가 온 경우 + 비가 온다고 예측했지만 비가 안온 경우) 이다. 정확도 보다 정밀도를 따라 우산을 챙긴다면 우산을 챙겼을때 비가 오지 않는날이 있다고해도 실제 비가 왔을때 대비 할 수 있을 경우가 높아진다 재현율 TP / (TP + FN) 암환자를 예로 들때 암환자자라고 진단한 전체 환자 중 실제 암 환자 비율 재현율이 높을수록 모델을 사용할 수록 암환자를 조기에 정확히 발견할 수 있다 F1 점수..

AI & ML 2020.10.22

[AI & ML] 지도학습, 비지도 학습

지도학습 정답을 알려주면시 진행하는 학습 데이터와 함께 레이블(정답)이 항상 제공되어야함 실제값, 레이블, 타깃, 클래스, y값은 모두 같은 의미 학습이 완료된 다음에는 레이블이 없는 데이터를 대상으로 하여 레이블을 예측할 수 있다. 이때 예측된 값을 예측값, 분류값, y hat으로 표현 지도 학습의 예로는 분류와 회귀가 대표적이다. 비지도학습 레이블(정답)이 없는 데이터를 대상으로 진행하는 학습 보통 데이터들의 유사점을 찾아서 그룹핑하는데 많이 사용 비지도학습의 대표적인 예로는 군집화와 차원축소가 있음

AI & ML 2020.10.22