본문 바로가기
반응형

전체 글

[React/리액트] fetch로 외부API data통신, JSON데이터를 가져오고 처리하기 연습 예제 | JSON Placeholder
React 2023. 8. 23. [React/리액트] fetch로 외부API data통신, JSON데이터를 가져오고 처리하기 연습 예제 | JSON Placeholder App.js import { useState, useEffect } from 'react'; import Form from './Form'; import Table from './Table'; function App() { const API_URL = 'https://jsonplaceholder.typicode.com/'; const [reqType, setReqType] = useState('users'); const [items, setItems] = useState([]); useEffect(() => { const fetchItems = async () => { try { const response = await fetch(`${API_URL}${reqType}`); const data = awa..
05. 인터페이스 구현 | 인터페이스 방법 명세화, 미들웨어 솔루션, 데이터 인터페이스 확인, 인터페이스 기능 식별, 데이터 표준 확인
it자격증 준비/정보처리기사(실기) 2023. 8. 23. 05. 인터페이스 구현 | 인터페이스 방법 명세화, 미들웨어 솔루션, 데이터 인터페이스 확인, 인터페이스 기능 식별, 데이터 표준 확인 089. 인터페이스 방법 명세화 1) 인터페이스 방법 명세화 - 내, 외부 시스템이 연계하여 작동할 때 인터페이스별 송, 수신 방법, 송, 수신 데이터, 오류 식별 및 처리 방안에 대한 내용을 문서로 정리하는 것 2) 시스템 연계 기술 - DB LInk, API/Open API, 연계 솔루션, Socket, Web Service 3) 인터페이스 통신 유형 - 단방향, 동기, 비동기 4) 인터페이스 처리 유형 - 실시간 방식, 지연 처리 방식, 배치 방식 090. 미들웨어 솔루션 1) 미들웨어(Middleware) - 운영체제와 응용 프로그램 사이에서 다양한 서비스를 제공하는 소프트웨어 2) DB - 클라이언트에서 원격의 데이터베이스와 연결하는 미들웨어 3) RPC(원격 프로시저 호출) - 원격 프로시저를..
[React/리액트] useEffect | 리액트 훅(Hook) 사용 방법
React 2023. 8. 22. [React/리액트] useEffect | 리액트 훅(Hook) 사용 방법 1. useEffect란? useEffect는 리액트 훅 중 하나로, 컴포넌트가 렌더링 된 후에 실행되는 함수이다. 여기서 "부작용"이란 주로 데이터 가져오기, 화면 갱신 등을 의미한다. 컴포넌트의 상태나 프롭스가 변경될 때마다 useEffect를 사용하여 적절한 작업을 처리할 수 있다. 2. 언제 사용? 웹 애플리케이션은 사용자와 상호작용하면서 데이터가 변하고, 화면을 업데이트해야 할 때가 있다. 이때마다 useEffect를 활용하여 부작용을 처리할 수 있다. 3. 사용 방법 useEffect의 첫 번째 매개변수에는 부작용을 처리할 함수를 작성한다. 두 번째 매개변수는 의존성 배열이 있는데, 여기에 값을 넣으면 해당 값이 변경될 때만 useEffect가 실행된다. useEffect(() => { // ..
[Python/파이썬] 예외 처리, 에러 발생시키기, 사용자 정의 에러, finally
Python 2023. 8. 22. [Python/파이썬] 예외 처리, 에러 발생시키기, 사용자 정의 에러, finally HTML 삽입 미리보기할 수 없는 소스 예외 처리(Exception Handling) - 파이썬에서 예외 처리는 try와 except를 사용하여 구현한다. - try 블록 안에는 에러가 발생할 가능성이 있는 코드를 배치하고 - except 블록에서는 해당 에러를 처리하는 방법을 명시한다. try: # 에러가 발생할 가능성이 있는 코드 except 예외 종류: # 에러 처리 방법 예외 처리 예시 try: print("나누기 전용 계산기입니다.") nums = [] nums.append(int(input("첫 번째 숫자를 입력하세요 : "))) nums.append(int(input("두 번째 숫자를 입력하세요 : "))) print("{0} / {1} = {2}".format(nums[0], nums[1]..
[React/리액트] 색상 팔레트 프로그램 만들기 | CSS Color Names, Hex code
React 2023. 8. 21. [React/리액트] 색상 팔레트 프로그램 만들기 | CSS Color Names, Hex code Input import colorNames from 'colornames' const Input = ({ colorValue, setColorValue, sethexValue, isDarkText, setIsDarkText }) => { return ( e.preventDefault()}> Add Color Name: { setColorValue(e.target.value) sethexValue(colorNames(e.target.value)) }} /> setIsDarkText(!isDarkText)} > 텍스트 색 전환 ) } export default Input 1. Input 컴포넌트는 색상명 입력과 텍스트 색 전환을 담당한다. 2. 요소를 만든다. 폼의 제출을 막기 위해 onSubmit 핸들러에..
[React/리액트] 검색기능을 추가한 Todo List 만들기 | SearchItem, App.js
React 2023. 8. 21. [React/리액트] 검색기능을 추가한 Todo List 만들기 | SearchItem, App.js SearchItem const SearchItem = ({ search, setSearch }) => { return ( e.preventDefault()}> Search setSearch(e.target.value)} /> ) } export default SearchItem 1. SearchItem 컴포넌트는 검색을 위한 입력 폼을 렌더링하는 역할. search와 setSearch 함수가 props로 전달. 2. 요소. onSubmit 핸들러에서 e.preventDefault()를 호출해 폼 제출 시 페이지가 리로드되지 않도록 한다. 3. 요소. 폼의 목적을 설명하는 레이블을 제공. htmlFor 속성을 사용하여 해당 요소와 연결. 4. 요소를 만든다. 검색어를 입력할 수 있는 입력 필드를 제공. i..
[React/리액트] 검색기능을 추가한 Todo List 만들기 - 컴포넌트 모음 | ItemList, AddItem, LineItem
React 2023. 8. 21. [React/리액트] 검색기능을 추가한 Todo List 만들기 - 컴포넌트 모음 | ItemList, AddItem, LineItem ItemList import LineItem from "./LineItem"; const ItemList = ({ items, handleCheck, handleDelete }) => { return ( {items.map((item) => ( ))} ) } export default ItemList 1. items 배열을 .map() 메서드를 사용하여 반복하면서 각 항목에 대해 LineItem 컴포넌트를 렌더링한다. 2. 각 LineItem 컴포넌트에는 key, item, handleCheck, 그리고 handleDelete 함수가 props로 전달된다. 3. key는 React에서 컴포넌트를 업데이트하고 재사용하기 위해 필요한 유일한 식별자. 4. item은 items 배열의 각 항목을 나타낸다. 5..
05. 인터페이스 구현 | 시스템 인터페이스 요구사항 분석, 인터페이스 요구사항 검증, 인터페이스 시스템 식별, 송 · 수신 시스템 식별
it자격증 준비/정보처리기사(실기) 2023. 8. 21. 05. 인터페이스 구현 | 시스템 인터페이스 요구사항 분석, 인터페이스 요구사항 검증, 인터페이스 시스템 식별, 송 · 수신 시스템 식별 05장. 인터페이스 구현 085. 시스템 인터페이스 요구사항 분석 1) 시스템 인터페이스 요구사항 - 개발할 시스템과 외부 시스템을 연동하는 데 필요한 시스템 인터페이스에 대한 요구사항을 기술한 것 2) 시스템 인터페이스 요구사항 분석 - 요구사항을 분류하고 구체적으로 명세한 후 이를 이해관계자에게 전달하는 일련의 과정 3) 시스템 인터페이스 요구사항 분석 절차 - 요구사항 목록 작성 -> 자료 준비 -> 기능적, 비기능적으로 분류 -> 분석 후 내용 추가나 수정 -> 전달 086. 인터페이스 요구사항 검증 1) 인터페이스 요구사항 검증 - 수행 순서 : 요구사항 검토 계획 수립 -> 검토 및 오류 수정 -> 베이스라인 설정 2) 요구사항 검증 방법 - 요구사항 검토(Requirements Review)..
04. 서버 프로그램 구현 | 서버 개발, 보안 및 API, 배치 프로그램, 패키지 소프트웨어
it자격증 준비/정보처리기사(실기) 2023. 8. 19. 04. 서버 프로그램 구현 | 서버 개발, 보안 및 API, 배치 프로그램, 패키지 소프트웨어 081. 서버 개발 1) 서버 개발 - 웹 애플리케이션의 로직을 구현할 서버 프로그램을 제작하여 WAS에 탑재하는 것 2) 서버 개발 프레임워크 - 다양한 네트워크 설정, 요청 및 응답 처리, 아키텍처 모델 구현 등을 손쉽게 처리할 수 있도록 클래스나 인터페이스 를 제공하는 소프트웨어 - Spring : JAVA를 기반으로 만든 프레임워크, 전자정부 표준 프레임워크의 기반 기술 - Node.js : JavaScript를 기반으로 만든 프레임워크 - Django : Python을 기반으로 만든 프레임워크 - Codeigniter : PHP를 기반으로 만든 프레임워크 - Ruby on Rails : Ruby를 기반으로 만든 프레임워크 3) 서버 개발 과정 - DTO/VO, SQL, DAO, Service, ..
➜ [ADsP/37회] 3과목 데이터 분석 기출문제 복원 -2
it자격증 준비/ADsP 2023. 8. 18. ➜ [ADsP/37회] 3과목 데이터 분석 기출문제 복원 -2 HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스 36. 붓스트랩을 통해 한 샘플이 뽑힐 확률이 1/d라고 했을 때, 샘플 추출을 d번 진행해서 어떤 샘플이 한 번도 뽑히지 않을 확률을?더보기(1-1/d)^d 한번도 뽑히지 않을 확률: 36.8% (검증요 데이터)훈련용 데이터: 63.2% 37. 사회 연결망 분석에서 연결망을 표현하는 분석 방법으로 옳지 않은 것은? (출제범위 밖 문제)더보기k-means 38. 시계열 모형에 대한 설명으로 적절하지 않은 것은?더보기MA모형은 정상성을 만족하기 위한 조건이 필요하다. 39. ARMA(2,0)에..
➜ [ADsP/37회] 3과목 데이터 분석 기출문제 복원 -1
it자격증 준비/ADsP 2023. 8. 18. ➜ [ADsP/37회] 3과목 데이터 분석 기출문제 복원 -1 HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스HTML 삽입미리보기할 수 없는 소스 21. 회귀식에 대한 설명으로 옳은 것은?더보기독립변수와 종속변수의 사이를 모형으로 나타내고 두 변수 사이의 관계를 도출하는 것이다. 22. 구축된 모형의 과대추정 또는 과소추정을 미세 조정하는데 활용하는 데이터 셋은?더보기Validation data 23. x 24. 소셜 네트워크 분석에서 중심성을 파악하는 방법으로 적절하지 않은 것은?더보기링크 중심성 25. 다차원 척도법에 대한 설명으로 적절한 것은?더보기여러 대상 간의 거리가 주어져있을 때, 대상들을 동일한 상대적 거리를 가진 실수공간..
➜ [ADsP/37회] 2과목 데이터 분석 기획 기출문제 복원
it자격증 준비/ADsP 2023. 8. 18. ➜ [ADsP/37회] 2과목 데이터 분석 기획 기출문제 복원 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 11. 분석 기획 시 고려사항이 아닌 것은? 더보기 기술 적용 수준 ➜ 기술 적용 수준은 마스터 플랜 수립에서 적용범위 및 방식 고려요소 12. 분석 프로젝트의 특성 관리 영역 중 Accuracy와 Precision에 대한 설명으로 적절하지 않은 것은? 더보기 정확도는 true로 예측한 것 중에 실제 true인 비율, 정밀도는 실제 true인 경우에서 true로 예측한 비율이다. 13. 다음 중 데이터 거버넌스가 체계가 설명하는 항목은? 데이터 표준 용어 설정, 명명규칙 ..
반응형

티스토리툴바