본문 바로가기

분류 전체보기166

[React] element 만들기, JSX 리액트는 요새 많이들 쓰는 프레임워크 중 하나이다. 페이스북이 사용자 UI 구축을 위해 만든 라이브러리이며, interactive한 웹사이트를 만들게 도와준다. - 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줌 - 어플리케이션의 각 상태에 대한 간단한 뷰만 설계 - 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 렌더링함 - 선언형 뷰 : 코드를 예측 가능하고 디버그하기 쉽게 만들어줌 기술 스택의 나머지 부분에는 관여하지 않기 때문에, 기존 코드를 다시 작성하지 않고도 리액트의 기능을 이용해 개발 할 수 있다는 것 또한 장점인 것 같다. 리액트 시작하기 html 파일에 리액트를 설치하기 위한 코드를 넣어줘야 한다. 첫번째 줄은 리액트로, 어플리케이션이 interactive하도록 만들.. 2022. 6. 30.
공공 데이터 포털 오픈 API 사용하기 : JSON, Python (JSON 데이터 CSV로 저장하기) 국가 지하수 정보센터에서 데이터를 써야할 일이 생겨서 들어가보았더니, 국가 지하수 정보센터는 오픈 API 서비스를 제공한다. 속성 정보에 대한 데이터를 외부에서 활용할 수 있도록 XML 또는 JSON 형태로 데이터를 제공해주는데, 요즘은 JSON을 많이 사용한다고들 하니 나는 JSON으로 받기로 했다. 먼저 인증키를 발급받아야 사용할 수 있는데, 오픈 API 신청 메뉴에 들어가서 신청할 서비스를 선택한 후 신청서 양식을 제출하면 된다. 근데 아무것도 입력 안하고 그냥 신청버튼 눌러도 발급 된다. 굿~ 아무튼 나는 국가 지하수 측정자료 조회 서비스를 신청했는데, JSON 조회 페이지를 클릭해보면 다음과 같은 정보를 확인할 수 있다. 상세 주소에 자기가 받은 인증키 값을 작성하고, 요청 변수를 입력해주면 링.. 2022. 4. 12.
포털 사이트의 뉴스 추천 알고리즘의 사례 및 문제점 : 네이버 AIRS, 카카오 루빅스, 필터버블 ( 학교 수업 과제로 썼는데,,, 나름 잘 쓴 거 같아서 저장... (✿◠‿◠) ) 인터넷의 이용이 증가한 요즘은 종이 신문보다는 인터넷 뉴스를 이용하는 사람들의 수가 급속히 증가했다. 수많은 기사가 쏟아지는 인터넷 세상에서 적극적으로 뉴스를 찾아보는 사람도 있는 반면, 관심있는 뉴스를 찾아보지 않고 포털이 제공하는 뉴스 큐레이션에 따라 뉴스를 소비하는 사람들도 상당히 많다. 적극적으로 뉴스를 찾아보거나 관심있는 주제를 찾아보는 수용자의 경우에도 기존 뉴스에서 자주 접한 뉴스를 바탕으로 뉴스 관심사를 설정할 가능성이 높을 수 밖에 없으며, 이는 곧 포털이 어떤 방식으로 뉴스를 제공하고 큐레이션하는 가가 언론 생태계와 연결될 수 밖에 없다는 것을 의미한다. 뉴스 이용에 사용되는 알고리즘은 크게 2가지가 있.. 2022. 3. 21.
[React] 리액트 개발 환경 설치하기 (Window) 1. Node.js 설치하기 우선, https://github.com/coreybutler/nvm-windows/releases 에 접속하여 설치 파일(nvm-setup.zip)을 실행한다. 설치 후, Windows PowerShell을 관리자 권한으로 열어준다. 이래야 에러(exit status 1: �׼����� �źεǾ����ϴ�.)를 피할 수 있다. 설치한 Node.js를 사용할 수 있게 하는 명령어를 입력해준 후, 버전 확인. 2. yarn & create-react-app 설치하기 (윈도우 사용자) scoop을 설치해야 한다.. 아래 링크를 참고해서 설치하면 됩니당. scoop 설치하기 (윈도우 명령어 설치 프로그램) http://scoop.sh/ 아래의 설치 방법은 윈도우 10 기준이다. P.. 2022. 2. 24.

티스토리툴바