티스토리

기록하기

검색하기

블로그 홈

기록하기

developerdaeun.tistory.com/m

기록하는 습관 만들기 ✏️

구독자: 0

방명록 방문하기

주요 글 목록

[Flutter] OpenWeather API를 사용해보자 #1 안녕하세요 제가 요즘 토이프로젝트를 한가지 해보고 싶어서 간단하게 뭘 할 수 있을까.. 생각하다가 친구에게 OpenWeather OpenAPI를 사용해보라는 추천을 받아서 한번 사용해봤습니다! 이번 글은 짧게 제가 어떻게 사용했는지 보여드릴 수 있는 글이 될 것 같네용.. Open Weather 공식홈페이지 ⇩ https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and local wea.. 공감수 3 댓글수 2 2024. 1. 25.
Apache Kafka 가 뭐야? 안녕하세요 오늘은 조금 새로운 주제를 가지고 왔습니다. 회사에서 인턴으로 생활하면서 백엔드에 접하게 되었고 카프카라는 플랫폼에 접하게 되어 한번 기록을 해보려고 합니다. 우선 카프카의 개념부터 알아보도록 하죠. Apache Kafka란? 실시간으로 기록 스트림을 게시, 구독, 저장 그리고 처리할 수 있는 분산형 데이터 스트리밍 플랫폼입니다. 데이터 스트림을 여러 곳에서 처리하고 여러 사용자에게 그 데이터들을 전달하도록 설계 되어 있습니다. 데이터를 생성하는 애플리케이션과 데이터를 소비하는 애플리케이션의 중간에서 중재자 역할을 하고 데이터를 처리하고 전송 제어하고 관리하는 역할을 합니다. Kafka의 구성 프로듀서 (Producer) 메세지를 생성해서 카프카 클러스터에 메세지를 전송하는 역할을 가지고 있는.. 공감수 0 댓글수 2 2024. 1. 4.
[React] 비밀번호 재설정 페이지(debounce 사용하기) 이전 포스트에서 비밀번호 재설정 페이지를 구현한 방법에 대하여 작성 했었다. 이전 포스트에서 마지막 쯤 사용자가 비밀번호를 다 입력한 것 같으면 에러 메세지가 나타날 수 있게 하면 좋겠다고 했는데 오늘 그 방법을 알게 되어 어떻게 작동 하는지 기록해보려고 한다. 이전 포스트 ⬇️ https://developerdaeun.tistory.com/68 [React] 비밀번호 재설정 페이지 이번에 새로 도전해본 웹 개발.. 비밀번호 재설정 페이지 구현하는 역할을 받았는데 이전에 앱 개발할 때보다 코드가 훨씬 깔끔해진 것 같아 기록해보려고 한다. 우선 'useState' 훅을 사용해서 새 developerdaeun.tistory.com 우선 사용한건 debounce이다. Debouncing 이란 인련의 연속적인 .. 공감수 1 댓글수 0 2023. 11. 20.
[React] 비밀번호 재설정 페이지 이번에 새로 도전해본 웹 개발.. 비밀번호 재설정 페이지 구현하는 역할을 받았는데 이전에 앱 개발할 때보다 코드가 훨씬 깔끔해진 것 같아 기록해보려고 한다. 우선 'useState' 훅을 사용해서 새로운 비밀번호를 관리하는 상태 변수를 선언하고, 상태 변수를 업데이트하는 함수를 생성했다. (비밀번호 재확인도 동일) const [newPassword, setNewPassword] = useState(''); const [confirmPassword, setConfirmPassword] = useState(''); 'newPassword'와 'confirmPassword'는 비밀번호를 저장하는 상태 변수이고, 'setNewPassword'와 'setConfirmPassword'는 이 상태를 업데이트하는 함수.. 공감수 2 댓글수 5 2023. 11. 20.
React Query와 SWR에 대하여 알아보자! React Query 기능과 목적 데이터를 가져오고 관리하는데에 사용된다. Rest API, GraphQL 등 기능 쿼리 : 데이터를 가져오기 위한 쿼리 함수 정의, 실행 뮤테이션 : 데이터를 변경하는 뮤테이션 처리 인피니트 스크롤링 및 페이지네이션 지원 자동 캐싱 및 데이터 유효성 검사를 통한 최적화 에러 처리 및 재시도 메커니즘 내장 SWR 기능과 목적 주요 데이터 가져오기와 캐싱에 중점을 둔다. Rest API, GraphQL 또 다른 http 요청 기능 데이터 가져오기 및 캐싱 : http 요청을 통해 가져오고 자동으로 캐싱 데이터 구식 여부 확인 : 자동으로 업데이트함 기존 API fetching과 차이점 자동 캐싱 및 데이터 관리 React Query / SWR : 내부적으로 데이터 캐싱 및 .. 공감수 0 댓글수 0 2023. 9. 23.
[코드엔진] Basic RCE L05 ~ Basic RCE L09 풀이 Basic RCE L05 이 프로그램의 등록키는 무엇인가 다운로드한 프로그램을 실행 시키면 이러한 창이 뜬다. 이 프로그램의 등록키를 찾아야 하는 것 같다! 1. 다음 어떻게 해야할지 몰라서 서치를 해보니 UPX로 패킹 되어 있다는 사실을 알게 됐다. 그래서 UPX를 Window 버전에 맞게 다운로드를 한 뒤 언패킹을 하기 위해 프로그램과 UPX 프로그램의 위치를 동일하게 만들어 준 뒤 명령어 : upx -d 05.exe 명령어를 입력해서 프로그램을 언패킹하는데 성공했다! 2. 올리디버거라는 프로그램을 다운로드 한 후 05.exe 파일을 실행 시켰다. 그리고 무한 스크롤을 내려.. 성공 구문을 찾았다. 그런데 자세히 보면 성공 구문 위에 Registered User와 아스키코드로 등록키가 적혀 있는 것을.. 공감수 0 댓글수 0 2023. 9. 21.
[CesiumJS] CesiumJS에 대하여 알아보자 CesiumJS 정의 CesiumJS는 3D 지리 정보 시각화를 위한 오픈 소스 JavaScript 라이브러리이다. 이 라이브러리는 웹 브라우저에서 3D 지리 정보 및 지리 공간 데이터를 시각적으로 표현하고 상호 작용할 수 있는 강력한 도구를 제공한다. CesiumJS를 사용해서 지구 표면 위의 다양한 데이터를 보다 직곽적으로 이해하고 탐색할 수 있다. CesiumJS를 사용하면 가상 지구 환경을 생성하거나 실제 지리 데이터를 시각화하고 분석하는 웹 기반 애플리케이션을 개발할 수 있다. CesiumJS 주요 특징과 기능 3D 지구 시각화 : CesiumJS는 지구를 3D로 랜더링하고, 지형, 지오메트리, 이미지 레이어 및 다른 공간 데이터를 시각적으로 표현할 수 있다. 다양한 데이터 형식 지원 : Ces.. 공감수 1 댓글수 0 2023. 9. 21.
[TypeScript] 선언형 프로그래밍과 명령형 프로그래밍 명령형 프로그래밍이란? 입력 데이터를 얻고 가공한 다음, 결과를 출력하는 형태, 주로 for문을 사용해서 구현한다. 명령형 프로그래밍 예시 let sum = 0 for(let val=1; val T, initValue: T) => { let result: T = initValue for(let i=0; i result + value, 0) console.log(result) '범용적이고 재사용 가능'이라는 관점에서 다른 예시 1부터 100까지 숫자 중 홀수만 더하는 문제 명령형 프로그래밍 예시 let oddSum = 0 for(let val=1; val boolean): T[] => { let result: T[] = [] for(let index: number=0; index n % 2 != 0 let.. 공감수 0 댓글수 0 2023. 9. 18.
[OpenCV] OpenCV 2강 Practice 문제 풀어보기 문제 1 원하는 이미지를 불러오고 이미지 창으로 출력 후 q 키를 누르면 창이 꺼질 수 있도록 코드를 작성하면 되는 문제이다. 작성한 코드 import cv2 # 이미지 파일 경로 image_path = '/Users/parkdaeun/Desktop/openCVImage.jpeg' # 이미지를 읽어옵니다. image = cv2.imread(image_path) # 이미지를 화면에 표시합니다. cv2.imshow('Image', image) # 키 이벤트를 대기합니다. 'q' 키를 누르면 종료됩니다. while True: key = cv2.waitKey(1) # 1밀리초 동안 대기 if key == ord('q'): # 'q' 키를 누르면 종료 break # 창을 닫습니다. cv2.destroyAllWin.. 공감수 0 댓글수 0 2023. 9. 16.
다이나믹 프로그래밍, 최단 경로, 그래프 알고리즘 개념 정리 다이나믹 프로그래밍 다이나믹 프로그래밍이란? 다이나믹 프로그래밍은 컴퓨터 과학과 알고리즘 설계 분야에서 사용되는 중요한 문제 해결 기법 중 하나입니다. 이 기법은 주로 최적화 문제나 최단 경로 문제와 같은 문제들을 해결하는데 사용됩니다. 다이나믹 프로그래밍의 핵심은 중복 계산을 피하고 계산 결과를 저장하여 재활용하는 것입니다. 다이나믹 프로그래밍 단계 1. 문제를 작은 부분 문제로 나눕니다. 2. 각 부분 문제를 해결하기 위한 연산을 정의합니다. 3. 작은 부분 문제들을 해결하면서 결과를 저장합니다. 4. 저장된 결과를 활용하여 더 큰 부분 문제를 해결합니다. 5. 최종적으로 전체 문제의 해결 방법을 얻습니다. 다이나믹 프로그래밍의 두 가지 유형 상향식 다이나믹 프로그래밍 : 작은 부분 문제부터 시작하여.. 공감수 0 댓글수 0 2023. 9. 13.
opencv 영상 파일 읽는 법, 웹캠을 소스로 읽는 법, 영상을 쓰는 법, 영상을 흑백으로 바꿔서 출력하는 법 opencv 영상 파일 읽는 법 1. 우선 OpenCV 라이브러리를 설치해야합니다. 다음 명령어를 입력하여 설치할 수 있습니다. pip install opencv-python 2. OpenCV를 가져옵니다. import cv2 3. 영상 파일을 읽을 땐 'cv2.imread()' 함수를 사용해야합니다. 이 함수는 이미지 파일의 경로를 입력으로 받고 이미지를 반환합니다. import = cv2.imread('영상파일경로.jpg') 4. 읽은 이미지를 화면에 표시하거나 다른 작업을 수행 할 수 있습니다! 영상 파일을 읽어서 OpenCV로 다양한 영상 처리 작업을 수행할 수 있습니다. 예시 코드 cv2.imshow('이미지 창 제목', image) cv2.waitKey(0) cv2.destoryAllWindo.. 공감수 0 댓글수 0 2023. 8. 28.
아나콘다3, 아나콘다 가상환경, 가상환경 세팅법, 주피터 노트북 가상환경 커널 연결법, 주피터 노트북 사용법 아나콘다란? 아나콘다는 머신러닝이나 데이터 분석 등에 사용하는 여러가지 패키지가 기본적으로 포함되어 있는 파이썬 배포판입니다. 때문에 해당 분야를 파이썬으로 접근하고자 할 때 세팅이 매우 간단해집니다. 또한 아나콘다는 파이썬 가상 환경을 구축하는데도 유용하게 사용할 수 있습니다. 내부적으로 conda라는 환경/패키지 관리자가 존재하며 이 conda를 통해 패키지를 설치하거나 가상 환경을 관리할 수 있습니다. 아나콘다 가상환경 독립적인 작업환경에서 패키지 및 버전관리를 하기 위한 가상의 환경 가상환경 세팅법 가상환경을 생성할 환경의 이름과 Python 버전 등을 설정한다. conda create -n 가상환경이름 python=버전 가상환경 활성화하기 conda activate 가상환경이름 가상환경에 라이브.. 공감수 0 댓글수 0 2023. 8. 21.
[정보보호] 최근 사이버보안 동향에 대해 알아보자! 안녕하세요! 오랜만에 정보보호를 주제로 글을 적어봤습니다... 학교 과제이지만 이번 글은 최신 사이버보안 동향에 대하여 다뤄보겠습니다. 딥페이크 무기화 사이버보안 컨설턴트 마그다 켈리는 딥페이크가 올해부터 계속 뜨거운 보안 이슈가 될 것이라고 전망했다. 딥페이크는 지금까지 한 배우의 얼굴을 다른 배우를 대체한 비디오와 같이 주로 엔터테이먼트 분야에서 사용됐다. 정치인이 실제로 하지 않은 말을 한 것처럼 만든 딥페이크 비디오도 있다. 켈리는 공격자가 다른 사람의 얼굴을 도용해 생체 엑세스 제어를 침해하기 위한 방법으로 딥페이크 기술을 무기화할 것으로 예측했다. 특히 엔터프라이즈 영역에서 AI 기반 딥페이크를 여러 측면으로 악용할 수 있다. 사기범이 CEO의 목소리를 도용해 직원을 속여 위조 계정으로 큰 돈.. 공감수 0 댓글수 0 2023. 8. 20.
[React Native] date-fns로 날짜 포맷팅하기 게시물을 작성한 시간에 따라 '방금 전', '3분 전', '1시간 전', '3일 전' 이런 형식으로 날짜가 나타나도록 수정하는 방법! 이때 사용한 라이브러리는 date-fns 라이브러리! 코드 function formatDate(date) { const d = new Date(date); const now = Date.now(); const diff = (now -d.getTime()) / 1000; if(diff < 60 * 1) { return '방금 전'; } if(diff < 60 * 60 * 24 * 3) { return formatDistanceToNow(d, {addSuffix: true, locale: ko}); } return format(d, 'PPP EEE p', {locale: ko.. 공감수 1 댓글수 0 2023. 8. 10.
[React Native] non-std C++ exception 에러 해결하기 Error non-std C++ exception React Native 개발 도중 이런 짧은 에러 발생... 해결 방법은 아주 간단했다! 해결 방법 npm run --reset-cache 터미널에 명령어 입력하고 필요한 명령어 입력하기 저는 expo start --ios 입력하니까 에러 해결 되더라구요! 공감수 0 댓글수 0 2023. 8. 9.
[React Native] 하단 탭 바에 알림 나타내기 (tabBarBadge) 코드는 엄청 간단하지만 예전에 프로젝트를 진행하며 구현하는데에 어려움을 겪었던 경험이 있어서 이번에는 까먹지 않게 기록을 해보려고 한다! 구현 방법 간단하게 숫자로 나타내고 싶으면 tabBarBadge : 5, 텍스트로 나타내고 싶으면 tabBarBadge : 'new', 그냥 알림으로 나타내고 싶으면 tabBarBadge : true, 결과 깔끔하게 나타난다! 근데 왜 알림은 저렇게 크기가 큰건지 잘 모르겠다.. 바꾸는 방법은 조금 더 찾아봐야할 것 같다.. ㅎㅎ 공감수 0 댓글수 0 2023. 8. 3.
[React Native] BottomTabNavigator 용어 정리 (개발할때 참고) tabBarActiveTintColor 활성화된 항목의 아이콘과 텍스트 색상 tabBarActiveBackgroundColor 활성화된 항목의 배경색 tabBarInactiveTintColor 비활성화된 항목의 아이콘과 텍스트 색상 tabBarInactiveBackgroundColor 비활성화된 항목의 배경색 tabBarShowLabel 항목에서 텍스트의 가시성 설정(기본값 : true) tabBarShowIcon 항목에서 아이콘의 가시성 설정(기본값 : false) tabBarStyle 하단 탭 스타일 tabBarLabelStyle 텍스트 스타일 tabBarLabelPosition 텍스트 위치 'beside-icon' 아이콘 우측 / 'below-icon' 아이콘 하단 tabBarAllowFontSca.. 공감수 1 댓글수 0 2023. 8. 2.
[React Native] Navigation으로 화면 이동 구현하기 React Native에서 라이브러리를 적용하기 위해 NavigationContainer 컴포넌트를 불러와서 앱 전체를 감싸주어야 한다. 네이티브 스택 내비게이터 화면 전용 컴포넌트 screens 디렉터리를 하나 만들고 그 안에 파일들을 저장한다. 만드는 이유는 ? 화면 전용 컴포넌트를 모아서 관리할 수 있기 때문에 편리함! 간단하게 HomeScreen이랑 DetailScreen 만들었다. HomeScreen.js import React from 'react'; import {View, Button} from 'react-native'; function HomeScreen({navigation}) { return ( navigation.navigate('Detail')} /> ); }; export de.. 공감수 0 댓글수 0 2023. 7. 28.
[React Native] Objects are not valid as a React child 오류 너무나도 곤란한 오류가 발생함. 오류 원인을 몰라서 구글링도 해보고 찾아 봤는데 결국 답을 찾지 못했다.. 그런데 적었던 코드에서 조금 어색한게 보였음.. 원래 코드는 저렇게 입력 되어 있지 않았음. 오류 났을 때 function Counter(count, onIncrease, onDecrease) { } 해결 방법 -> 중괄호도 입력해주기 function Counter({counter, onIncrease, onDecrease}) { } 소괄호 뒤에 중괄호가 없었다.. 오류를 찾은거지..!! ✨ 소괄호 뒤에 중괄호를 입력해 주니까 오류가 없어지고 결과 값이 제대로 나타났다! 공감수 2 댓글수 0 2023. 7. 26.
[React Native] useState Hook으로 상태 관리하기 React에서 상태를 관리하는 가장 기본적인 방법은 useState라는 함수를 사용하는 것이다. React에는 use로 시작하는 다양한 함수가 있는데, 그 함수들을 Hook 이라고 부른다. Hook을 사용하여 상태 관리, 최적화, 컴포넌트 작동 흐름 관리 등 다양한 기능을 구현할 수 있다. 그 중 useState는 상태 값을 관리하는 함수이다. 컴포넌트에 버튼을 하나 만들고 Box 컴포넌트를 숨기고 다시 보여주는 기능을 구현해 보았다. useState 사용하기 App.js import React, {useState} from 'react'; import {SafeAreaView} from 'react-native'; import Box from './components/Box'; const App = (.. 공감수 2 댓글수 0 2023. 7. 26.
[React Native] 컴포넌트, Props, defaultProps 예전에 짧게 공부했던 React Native를 다시 머리 속에서 꺼내기 위해..! 다시 공부해보자 그래서 여긴 자세하게 적는 것 보단 짧게 짧게 메모 형식으로 적을 것이다. 다음에 혹시나 필요할 때 볼 수 있게 ㅎㅎ 컴포넌트를 선언하는 방법 컴포넌트를 선언하는 방법은 2가지 1. 함수 컴포넌트 선언하기 2. 클래스로 컴포넌트 선언하기 함수 컴포넌트 선언하기 Greeting.js 파일을 만들고 이렇게 코드를 작성함. import React from 'react'; import {View, Text} from 'react-native'; function Greeting() { return ( 안녕하세요 함수 컴포넌트! ) } export default Greeting; 이전에도 항상 궁금했던 건데 expo.. 공감수 1 댓글수 0 2023. 7. 25.
[면접을 위한 CS전공지식 노트] ERD와 정규화 과정 ERD란 ? 데이터베이스를 구축할 때 가장 기초적인 뼈대 역할을 하고, 릴레이션 간의 관계들을 정의한 것이다. 만약 서비스를 구축한다면, 가장 먼저 신경 써야 할 부분이며 이 부분을 신경 쓰지 않고 서비스를 구축한다면 단단하지 안흔 골조로 건물을 짓는 거랑 다름이 없다. ERD의 중요성 데이터베이스를 구축한 이후에도 디버깅, 비즈니스 프로세스 재설계가 필요한 경우에 설계도 역할을 담당하기도 한다. 하지만 ERD는 관계형 구조로 표현할 수 있는 데이터를 구성하는 데 유용할 수 있지만 비정형 데이터를 충분히 표현할 수 없다는 단점이 있다. 정규화 과정 정규화 과정은 릴레이션 간의 잘못된 종속 관계로 인해 데이터베이스 이상 현상이 일어나서 이를 해결하거나, 저장 공간을 효율적으로 사용하기 위해 릴레이션을 여러.. 공감수 1 댓글수 0 2023. 7. 24.
[면접을 위한 CS전공지식 노트] 데이터베이스의 기본 데이터베이스 일정한 규칙, 혹은 규악을 통해 구조화되어 저장되는 데이터의 모음이다. 해당 데이터베이스를 제어, 관리하는 통합 시스템을 DBMS라고 하며, 데이터베이스 안에 있는 데이터들은 특정 DBMS마다 정의된 쿼리 언어를 통해 삽입, 삭제, 수정, 조회 등을 수행할 수 있다. DBMS : DataBase Management System 엔터티 사람, 장소, 물건, 사건, 개념 등 여러 개의 속성을 지닌 명사를 의미한다. 예를 들어 회원이라는 엔터티가 있다고 가정 하면..? 회원은 이름, 아이디, 주소, 전화번호의 속성을 가질 것이다. 서비스의 요구 사항에 맞춰 속성이 정해진다. 예를 들어 주소라는 속성이 서비스의 요구 사항과 무관한 속성이라면 주소라는 속성은 사라지게 된다. 릴레이션 데이터베이스에서 .. 공감수 0 댓글수 0 2023. 7. 21.
[면접을 위한 CS 전공지식 노트] 디자인 패턴 싱글톤 패턴 (singleton pattern) 하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴 데이터베이스 연결 모듈에 많이 사용한다. 인스턴스를 만들고 해당 인스턴스를 다른 모듈들이 공유하면서 사용하기 때문에 인스턴스 생성 비용이 줄어드는 장점이 있다. 하지만 의존성이 높아진다는 단점이 있다. 자바스크립트의 싱글톤 패턴 예시 obj와 obj2는 다른 인스턴스를 가지기 때문에 결과는 false로 나옵니다. const obj = { a : 27 } const obj2 = { a : 27 } console.log(obj === obj2) 싱글톤 패턴의 단점 싱글톤 패턴은 TDD를 할 때 걸림돌이 된다. TDD를 할 때 단위 테스트를 주로 하는데, 단위 테스트는 테스트가 서로 독립적이어야 하고 테스트.. 공감수 2 댓글수 0 2023. 7. 19.
Fast API를 사용해서 간단하게 회원가입, 로그인 기능을 구현할 수 있다고? 오늘은 뭘 개발해볼까 무엇을 더 공부해 볼까 고민하던 도중 학교 백엔드 수업 수행평가로 간단하게 제작했던 Todo List가 떠올랐다. 백엔드의 ㅂ도 몰랐던 나는 어떻게 하면 제일 간단하고 쉽게 todo 생성, 삭제 기능을 구현할 수 있을까 고민하던 도중 Fast API를 발견했었다. Fast API는 내가 상상했던 것 보다 훨씬 간단했고, 파이썬을 잘 모르더라도 쉽게 개발 할 수 있었다. 그래서 사실 수행평가를 진행 하면서 너무 쉽게 점수를 따는 것 아닐까.. 아쉬움이 들었고 Fast API를 사용해서 조금 더 어려운 기능을 구현하면 좋을 것 같다고 생각했다. 그래도 너무 갑자기 어려운거 하면 안 되니까 회원가입이랑 로그인 어떤가 !! 🥹 * 참고 * 제가 적은 코드에는 실제 애플리케이션 보안과 데이터.. 공감수 2 댓글수 0 2023. 7. 18.
[정보보호] 웹의 취약점 보완 웹의 취약점을 보완하는 방법이 있습니다! 특수문자 필터링 - 웹 해킹의 가장 기본적인 형태 중 하나는 인수 조작으로 예외적인 실행을 유발하기 위해 특수문자를 포함한다. - 공격에 사용되는 주요 특수문자를 함수 등을 이용하여 제거할 수 있다. 서버 통제 작용 - CSS 기반의 언어로 필터링하는 경우에는 공격자가 로직만 파악하면 필터링이 쉽게 무력화되므로 ASP, JSP 등과 같은 SSS로 필터링 로직을 수행해야 한다. 지속적인 세션 관리 - 모든 웹 페이지에 일관성 있는 인증 로직을 적용하려면 기업 또는 웹 사이트 단위에서 세션 인증 로직을 표준화하고, 표준을 준수하여 웹 페이지를 개발하도록 해야한다. 정기적인 취약점 스캐닝과 팬테스트 - 정기적으로 웹 애플리케이션을 취약점 스캐닝 도구를 사용하여 검사하고.. 공감수 0 댓글수 0 2023. 6. 15.
[정보보호] 웹 취약점의 이해 저번에 적었던 웹의 주요 취약점을 이어서 적어보도록 하겠습니다! 취약한 접근 제어 - 인증된 사용자가 수행할 수 있는 것에 대한 제한을 제대로 적용하지 않은 것을 의미한다. - 공격자는 이를 악용하여 사용자 계정 접근, 중요 파일 보기, 사용자 데이터 수정, 접근 권한 변경 등과 같이 권한 없는 기능을 사용하거나 데이터에 접근할 수 있습니다. - 관리자 페이지가 추측하기 쉬운 URL이거나 인증이 필요한 페이지에 인증을 하지 않고 우회하여 접속할 수 있는 취약점. - 인증 우회를 막으려면 웹의 중요 페이지에 세션 값을 확인하는 검증 로직을 입력해 두어야한다. - 프로그램 개발시 표준 인증 로직을 만들어 웹에 존재하는 모든 페이지의 앞 부분에 입력해야한다. 디렉터리 탐색 - 웹 브라우저에서 확인 가능한 경로.. 공감수 0 댓글수 0 2023. 6. 15.
[정보보호] HTTP의 이해 웹 프록시를 통한 취약점 분석 - 웹의 구조 파악, 취약점 점검, 웹 해킹에서는 웹 프록시 툴을 사용한다. - 웹 해킹에 사용하는 웹 프록시는 클라이언트에 설치하여 클라이언트의 통제를 받으므로 클라이언트가 웹 서버와 웹 브라우저 간에 전달 되는 모든 HTTP 패킷을 웹 프록시로 확인 및 수정 가능하다. - 클라이언트의 웹 브라우저 패킷이 웹 프록시로 향하도록 설정해야 한다. 서버에서 클라이언트로 전송 되는 패킷을 변조할땐 다시 글 내용을 조회하기 위해 해당 글을 클릭하면 서버가 클라이언트로 보내는 응답 패킷에서 해당 글의 본문이 전달되는 것 확인. 웹 취약점 스캐너를 통한 정보 수집 - 빠른 시간 내에 다양한 접속 시도를 수행할 수 있다는 것이 장점이다. - 웹 취약점 스캐너로 발견된 취약점은 개발 확인.. 공감수 0 댓글수 0 2023. 6. 15.
[정보보호] CSRF 공격 기법 CSRF 공격기법 - 크로스 사이트 요청 위조 공격(CSRF : cross site request forgery attack) - XSS와 유사하게 활용 가능 - XSS와 차이 -> XSS는 특정 사이트를 신뢰하는 정책을 이용한 코드를 삽업하여 사용자가 script 실행 -> CSRF는 특정 인증된 사용자의 요청을 신뢰하는 정책을 이용해 script 요청을 서버에서 실행 시킨다. 공격 경로 예시 공격자가 시스템 관리자에게 스크립트가 포함된 메일을 전송한다. 인증된 세션을 가지고 있는 관리자가 메일을 읽는다. 브라우저에서 인증된 세션과 함께 악성 스크립트가 실행된다. 관리자 세션 탈취 성공!! 공감수 0 댓글수 0 2023. 6. 15.
[정보보호] 시스템 보안 1. 계정 관리 2. 세션 관리 3. 접근 제어 4. 권한 관리 5. 로그 관리 6. 취약점 관리 시스템 보안 BOF : Buffer Overflow 데이터를 버퍼에 저장할 때 개발자가 의도한 크기 넘어에 값을 넣는 방식 -> 초과된 데이터는 인접 메모리에 양향이 간다(제어 관련 구문도 포함될 수 있음) BOF 원인 및 해결 방안 1. 입력 값의 길이를 올바르게 검사하지 않아 생기는 취약점 2. 프로그램의 실행 흐름을 바꾸어 특정 코드가 실행되게 하는 기법 3. 입력 값에 대한 길이 및 타입에 대한 체킹은 필수! BOF에서 사용되는 용어 BOF 취약 함수 BOF 방지 C언어 Stack BOF 방지를 위해, strcpy 함수를 strncpy로 교체한다 -> strncpy(buffer, argv[1], si.. 공감수 0 댓글수 0 2023. 6. 15.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.