전체 글
-
나만의 홈페이지 만들기-09 [Nav&Footer&Profile]React 2023. 1. 18. 21:37
상단의 메뉴바에 몇개 메뉴를 추가해보자. 그리고, 이 메뉴는 컨텐츠 섹션이 움직일때에도 항상 고정되어 있게 해보도록 하자. 먼저 상단메뉴바는 layout.js 파일에 있으니 이곳을 아래처럼 수정한다. {' '} React Myweb Profile Service 1 Service 2 Service 3 All Services react bootstrap 에서 Nav 태그를 이용해서 메뉴를 추가한다. 그리고, fixed="top" props 를 이용하면, Nav 바가 브라우저에 고정되어 있게 된다. 이렇게 고정하게 되면 아래에 컨텐츠 페이지들이 겹쳐지는 문제가 생기는데, 이럴때 아래처럼 css 에 추가해주면 간단히 해결된다. body { padding-top: 70px; } Footer는 layout.js 페..
-
나만의 홈페이지 만들기-08 [카드리스트&디테일페이지]React 2023. 1. 17. 23:32
이전 마스트페이지와 라우트 설명에서 이제는 카드 리스트에서 상세 페이지로 링크되는 컴포넌트를 추가해보자. 지금까지 소스는 아래 깃허브 링크에 있다. https://github.com/JahvoTrust/myweb GitHub - JahvoTrust/myweb Contribute to JahvoTrust/myweb development by creating an account on GitHub. github.com 나도 공부하면서 하는 코드라 조언해주실분은 꼭 댓글에 남겨주기 바란다.^^ 아래 처럼 카드리스트를 컴포넌트로 분리한다. import React from 'react' import Card from 'react-bootstrap/Card'; import Col from 'react-bootstra..
-
Azure IoT Hub Simulator(센서데이터 시뮬레이터)Azure 2023. 1. 15. 17:21
Azure IoT Hub 는 마이크로소프트 Azure가 IoT 장치를 연결, 모니터링 및 관리하기 위해 제공하는 완전 관리 서비스이다. 장치와 클라우드 간의 양방향 통신을 허용하고 장치 프로비저닝, 장치 관리 및 데이터 수집과 같은 기능을 제공한다. 또한 MQTT, AMQP, HTTPS를 포함한 다양한 프로토콜을 지원하며 추가 데이터 처리 및 분석을 위해 Azure Stream Analytics 및 Azure function 과 같은 다른 애저 서비스와 통합할 수 있다. 센서데이터 시뮬레이션 이러한 테스트를 진행할때 실제 디바이스로 연결할수도 있지만, 간단히 온라인이나 직접구현한 시뮬레이터를 사용할수도 있다. 온라인에서 이미 만들어진 시뮬레이션을 이용한다면, Raspberry Pi 온라인 시뮬레이터를 이..
-
Azure service endpoint vs private endpoint 뭐가 틀려?Azure 2023. 1. 14. 14:25
애저 클라우드 서비스를 사용하여 아키텍처링을 해본 사람들 중에서도 service endpoint vs private endpoint 차이점이 헷갈리는 분들이 계실 것이다. vnet to public storage https://stackoverflow.com/questions/73769449/azure-difference-between-service-endpoint-and-private-endpoint-in-simple-terms Azure - difference between service endpoint and private endpoint in simple terms I am not able to understand the difference between service endpoints and p..
-
ChatGPT는 지금 휴식중!!AI&ML 2023. 1. 14. 12:03
ChatGPT는 OpenAI가 개발한 언어를 인식하도록 만들어진 대화형 인공지능 챗봇이다. ChatGPT는 이전 언어모델인 GPT-3가 개선된 버전이며, 지도학습과 강화학습을 이용하여 만들어진 AI서비스로 알려져 있다. 최초 출시일은 2022년 11월 30일이고 지난 한달동안 엄청난 센세이션을 일으키고 있다. 인터넷을 가정에서 사용하는 사람이라면, 이러한 대화형 AI에 익숙할것이다. KT 인터넷을 사용하는 나는 매일 아침 일어나면 "지니야~ 티비 틀어죠"."지니야 오늘 날씨는?", 심지어 집을 나서기전에 "지나야 버스 언제와?" 를 외치면, 몇분뒤에 버스가 우리집 앞 정류장에 도착할지 알려준다. 물론, 핸드폰 앱으로 몇번 클릭으로 알아낼수도 있지만, 컴퓨터가 내 말을 이해해서 응답을 준다는 것이 요즘은 ..
-
이강인 EPL팀들이 군침을 흘린다유용한정보 2023. 1. 8. 20:27
이강인은 한국 대표팀의 차세대 핵심 인물이다. 정확한 크로스와 현란한 드리블, 탈압박 능력은 이미 세계정상의 선수들과 뒤떨어 지지 않는다. 요즘 뉴스를 보면 이적 뉴스가 엄청나게 나오고 있다. 아스톤 빌라의 감독 우나이 에메리는 이번 1월 이적시장에서 대한민국의 공격형 미드필더 이강인을 데려오는데 관심있다고 한다. 마요르카와의 계약이 현재 남아 있는 상황에서, 다른 EPL팀이 이강인을 이적시키려면 마요르카를 설득하여아하고 알려진바로는 대략 £15m의 이적료를 원한다고 한다. https://www.yna.co.kr/view/AKR20230108004800007 이강인, 극장골 발판 프리킥…마요르카, 바야돌리드 1-0 제압 | 연합뉴스 (서울=연합뉴스) 최송아 기자 = 스페인 프로축구 마요르카에서 뛰는 이강..
-
Azure DevOps의 Git Repos 를 이용한 소스버전관리Azure 2023. 1. 8. 09:54
Azure DevOps의 Git Repos는 Git을 이용한 소스 버전 관리 시스템이다. Git은 소스 코드 변경 이력을 추적하는 분산 버전 관리 시스템이다. Azure DevOps에서 Git Repos를 이용하면, 일반적인 Git 기능을 사용할 수 있으며, 소스 코드의 변경 이력을 추적하고, 개발 프로젝트를 진행할 때 사용할 수 있는 다양한 기능들을 제공한다. 예를 들어, Pull Request, Code Review, Code Merge 등의 기능을 제공한다. 자세한 정보는 Azure DevOps 공식 문서를 참고하기 바란다. Azure DevOps 공식 문서: https://docs.microsoft.com/en-us/azure/devops/ Azure DevOps documentation Coll..
-
DevOps란?Azure 2023. 1. 7. 22:21
데브옵스(DevOps)는 소프트웨어 개발(Dev)과 정보기술 운영(Ops)을 결합하여 새로운 소프트웨어를 개발하고 출시하는 데 걸리는 시간을 단축하는 일련의 자동화된 개발 프로세스이다. DevOps의 목표는 소프트웨어 개발자와 IT 전문가 간의 협업을 개선하여 조직이 소프트웨어 업데이트 및 애플리케이션을 보다 빠르고 안정적으로 제공할 수 있도록 하는 것이다. DevOps 방식에는 버전 제어, 테스트 및 인프라 관리가 포함된다. 조직은 DevOps 방식을 채택함으로써 소프트웨어 개발 및 제공 프로세스의 속도와 안정성을 개선하고 새로운 소프트웨어를 시장에 출시하는 데 걸리는 시간을 줄일 수 있다. Azure DevOps Azure DevOps는 팀이 소프트웨어를 보다 효율적으로 계획, 개발, 제공 및 유지 ..