아무리 여러 번을 해봐도 로그인은 늘 어렵다.....ㅎㅎㅎ 그리고 아직 친해지지 못한 맥북 + 리액트 네이티브 환경에서 하려니 엄청난 에러를 겪고 겨우 성공한 카카오 로그인... 시작!! ⭐️Frontend 0. 카카오 개발자센터 애플리케이션 설명 생략 1. 리액트네이티브 카카오 로그인 라이브러리 설치 npm install @react-native-seoul/kakao-login //RN 0.60.X 이상부터는 Auto linking 지원 pod install https://github.com/crossplatformkorea/react-native-kakao-login GitHub - crossplatformkorea/react-native-kakao-login: react-native native m..
💡구현 목표 앱 메인 화면에 당월의 뮤지컬 포스터를 슬라이더로 출력하기! 1. KOPIS 공연 API 인증키 발급 아래 링크에서 인증키를 발급하고 OPEN API의 자세한 항목을 확인할 수 있다. https://www.kopis.or.kr/por/cs/openapi/openApiList.do?menuId=MNU_00074 공연예술통합전산망 예술경영지원센터 운영, 공연 예매 정보 집계 및 DB, 예매상황판, 공연통계 등 제공. www.kopis.or.kr:443 2. 리액트 네이티브 fetch + KOPIS 공연 API 가져오기 Fetch란? 리액트네이티브에서 네트워크 통신을 도와주는 api (fetch와 axios가 있음.) axios와 달리 라이브러리를 import하지 않아도 사용할 수 있다. Prom..
회사에서 엑셀 다운로드 개발 업무를 맡게 됐는데 기존 소스 로직은 페이징 처리된 부분은 1페이지만 다운이 되서 전체 row를 추출하기 위해 SheetJS 라이브러리를 사용하게 됐다. 결론적으론... 이 라이브러리를 사용 안 하기로 했지만 덕분에 스터디를 했기 때문에 기록해 본다. SheetJS 란? Javascript 클라이언트단에서 엑셀 다운로드 구현 시 사용되는 라이브러리 https://docs.sheetjs.com/ SheetJS Community Edition | SheetJS Community Edition SheetJS Community Edition Documentation docs.sheetjs.com 1. SheetJS , FileSaver 스크립트 추가 2. 테이블 내용 JSON 으로 ..
-ROP 메모리에 적재되어 있는 코드 조각들에 Return 명령을 사용하여 공격자가 원하는 흐름대로 명령을 실행하도록 하는 공격 기법, 스택 오버플로우나 버퍼 오버플로우와 같은 취약점을 이용하여 프로그램의 실행 흐름을 조작 -BCP 재난 발생 시 비즈니스 연속성을 유지하기 위한 계획. 재해, 재난으로 인해 정상 운용이 어려울 때 서비스 지속성 보장 환경을 조성해 기업 가치를 극대화하는 것을 의미. -하이퍼레저 프라이빗 블록체인(허가된 사용자만 가능)으로 자리잡은 리눅스 재단 오픈소스 블록체인 프로젝트, 필요한 구성 요소만 선택하여 사용할 수 있는 모듈화된 구성 요소를 가지고 있고 Go, Java, JavaScript 등 다양한 언어로 개발 가능 -키 페어 공개키 암호 알고리즘에 사용되는 개인키와 공개키 ..
블로그에 정리했던 정보처리기사 실기 정리 모음!! 2023년엔 꼭 합격하자..... 개념 정리 1. 요구사항 확인 https://mycodearchive.tistory.com/274 2. 데이터 입/출력 구현 https://mycodearchive.tistory.com/275 3. 서버 프로그램 구현 https://mycodearchive.tistory.com/276 4. 인터페이스 구현 https://mycodearchive.tistory.com/277 5. 화면 설계 https://mycodearchive.tistory.com/278 6. 애플리케이션 테스트 관리 https://mycodearchive.tistory.com/279 7. 소프트웨어 개발 보안 구축 https://mycodearchive..
1. 다음은 Agile 방법론과 관련된 내용이다. 괄호 ( ) 안에 들어갈 용어를 쓰시오. - ( ① )은/는 스크럼에서 해당 스프린트가 계획된 대로 나아가고 있는지, 정해진 목표를 달성하기 위해 팀 차원의 조정이 필요한지 알 수 있게 하고, 백로그 대비 남아있는 시간을 확인할 수 있는 도구이다. - ( ② )은/는 Toyota에서 처음 사용한 Agile 프로젝트 관리에 사용되는 시각화 도구로 전체 워크플로를 카드 형태로 나타내고 수행된 활동, 진행 중인 작업 및 보류 중인 활동을 구별할 수 있는 도구이다. 더보기 ① : 번 다운 차트(Burn Down Chart) ② : 칸반(Kanban) 보드 2. 다음은 UML에 대한 설명이다. 괄호 ( ) 안에 들어갈 용어를 영어 Full-name으로 쓰시오...
CSMA/CA - 무선 LAN CSMA/CD -유선 LAN 서비스 지향 아키텍쳐 (Service Oriented Architecture) 프로세스 수행을 지원하는 정보 시스템의 구현을 위해 가장 선진화된 소프트웨어 아키텍처로, 서비스라고 정의되는 분할된 애플리케이션 조각들을 Loosely-copuled하게 연결해 하나의 완성된 Application을 구현하기 위한 아키텍쳐이다. 피코넷 (PICONET) 여러 개의 독립된 통신 장치가 블루투스 기술이나 UWB 통신 기술을 사용하여 통신망을 형성하는 무선네트워크 기술 지그비 (Zigbee) 저속 전송 속도를 갖는 홈 오토메이션 및 데이터 네트워크를 위한 표준 기술 TCP 세션 하이재킹 -TCP 3-Way-Handshake 과정에 끼어듦으로써 클라이언트와 서버..
💡구현 목표 - 커스텀 공통 네비게이션헤더 컴포넌트를 생성하고 각 화면에서 타이틀, 아이콘이 다르게 렌더링되도록 하기 자식 컴포넌트로 아래 인자들을 prop로 전달하고 오른쪽 아이콘을 렌더링시킬지, 왼쪽 아이콘을 렌더링 시킬지 혹은 둘다 렌더링 시킬지 아래와 같이 조건문으로 분기 처리 전체 소스 import React from "react"; import {View, TouchableOpacity, StyleSheet} from "react-native"; import {useNavigation} from "@react-navigation/native"; import Icon from "react-native-vector-icons/Ionicons" import { defaultFontText as Te..