본문 바로가기

전체 글227

[React] React 개발 환경 구축하기 리액트는 메타에서 개발한 오픈 소스 자바스크립트 라이브러리이다. 또한, 프론트엔드 개발자 사이에서 가장 많이 사용되는 자바스크립트 라이브러리이다. 리액트 개발환경 구축하기 https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 리액트 시작 페이지에 오면 리액트를 어떻게 사용해야 하는지 잘 나와있다. (시간이 있는 사람은 읽어봐도 좋을 거 같다.) 만약 리액트를 배우고 싶긴 하지만 설치하는 건 번거롭고 귀찮다 하는 사람들을 위해 아래와 같이 온라인에서 리액트 환경에 접근할 수 있는 코드 편집기를 지원해주고 있다. CodePen CodeS.. 2023. 1. 20.
[정처기-1과목] 1-2 요구사항 정의 & 분석 CASE와 HIPO 요구사항 정의 요구사항의 개념 및 특징 요구사항은 소프트웨어가 어떤 문제를 해결하기 위해 제공하는 서비스에 대한 설명과 정상적으로 운영되는데 필요한 제약조건 등을 나타낸다. 소프트웨어 개발이나 유지 보수 과정에서 필요한 기준과 근거를 제공한다. 소프트웨어의 내용을 확인할 수 있게 하므로 참여하는 이해관계자들 간의 의사소통을 원할하게 하는데 도움을 준다. 제대로 정의되어야만 이후 과정의 목표와 계획을 수립할 수 있다. 요구사항의 유형 일반적으로 기술하는 내용에 따라 '기능 요구사항'과 '비기능 요구사항'으로 구분하며, 기술 관점과 대상의 범위에 따라 '시스템 요구사항'과 '사용자 요구사항'으로 나눈다. 요구사항 개발 프로세스 개발 대상에 대한 요구사항을 체계적으로 도출하고 이를 분석한 후 분석 결과를 명세.. 2023. 1. 18.
[WEB] 웹페이지에 스크롤 애니메이션 만들기 IntersectionObserver() IntersectionObserver() 사용 요즘 많은 웹 페이지들이 스크롤 애니메이션을 구현하여 조금 더 멋있어(?) 보이는 웹 페이지를 만들고 있다. 이런 웹 페이지는 어떻게 만들 수 있을까? 예전에는 HTML의 높이 요소를 측정하여 scroll EventListener를 사용해 많이 구현을 했지만 요즘에는 다른 방법으로 스크롤 애니메이션을 만든다. new IntersectionObserver()라는 기능을 사용하면 편리하게 사용할 수 있다. 이 기능을 사용하면 현재 HTML 요소가 화면에 보이는지 파악하기 쉬워진다. 우선 애니메이션이 보여질 수 있게 기본적인 세팅부터 해보자. 1번째 2번째 3번째 4번째 5번째 우선, 여기에 글자가 나타나면 투명도를 바꿔주는 기능을 추가해보자. 이 기능을 추가하기.. 2023. 1. 16.
[MySQL] MySQL 테이블 명령과 CRUD 명령어 MySQL 데이터베이스 관련 명령어 https://conquer-it.tistory.com/180 데이터베이스를 만들고 접근했다면 테이블을 만들어 조작할 수 있어야 한다. 1. 테이블 생성 테이블 생성은 처음보면 복잡해 보일 수 있다. 우선, CREATE TABLE 명령어를 사용한다. 그 뒤에 만들고 싶은 테이블의 이름을 정해 작성한다. CREATE TABLE hello 여기까지는 데이터베이스 생성과 별 차이가 없다. 하지만 이 뒤에 ( )를 만들어 그 안에 값들을 넣어주어야 한다. ( )안에는 (컬럼명1 data_type ..., 컬럼명2 data_type ..., ...) 이 올 수 있다. CREATE TABLE hello( id INT(11) NOT NULL AUTO_INCREMENT, title .. 2023. 1. 13.
[MySQL] MySQL 데이터베이스 생성 & 보기 & 선택 & 삭제하기 MySQL 데이터베이스를 조작하는 방법에 대해 정리해보려 한다. 1. MySQL 접속 환경 변수를 편집했다면 윈도우 콘솔창에서 MySQL을 실행할 수 있다. ※ 환경변수 편집 하는 방법 https://conquer-it.tistory.com/179 콘솔창에 들어가서 mysql -u root -p를 작성하고 enter를 눌러준 후 본인이 설정한 비밀번호를 치면 MySQL로 입장하게 된다. ※ mysql에서 나가고 싶으면 exit를 작성해 빠져나갈 수 있다. 2. 데이터베이스 생성 가장 큰 단위인 Database를 생성하기 위해서는 create 명령어를 사용해야 한다. CREATE DATABASE 데이터베이스명; CREATE DATABASE를 통해 데이터베이스를 생성할 수 있다. 데이터베이스명에는 자신이 만.. 2023. 1. 11.
[MySQL] MySQL 설치 및 환경 변수 설정 방법 (Window OS) MySQL 다운로드 및 설치하기 1. MySQL 다운로드 페이지 접속 https://www.mysql.com/downloads/ MySQL :: MySQL Downloads MySQL Cluster CGE MySQL Cluster is a real-time open source transactional database designed for fast, always-on access to data under high throughput conditions. MySQL Cluster MySQL Cluster Manager Plus, everything in MySQL Enterprise Edition Learn More » C www.mysql.com 노란색으로 칠해져 있는 MySQL Community(GP.. 2023. 1. 9.
[정처기-1과목] 1-1 소프트웨어 생명 주기와 모형 소프트웨어 생명 주기 소프트웨어 개발 방법론의 바탕이 되는 것으로, 소프트웨어를 개발하기 위해 정의하고 운용, 유지보수 등의 과정을 단계별로 나눈 것이다. 소프트웨어 생명 주기는 소프트웨어 개발 단계와 각 단계별 주요 활동, 활동의 결과에 대한 산출물로 표현한다. 소프트웨어 생명 주기를 표현하는 형태를 소프트웨어 생명 주기 모형이라고 한다. 일반적으로 사용되는 소프트웨어 생명 주기 모형에는 폭포수 모형, 프로토타입 모형, 나선형 모형, 애자일 모형 등이 있다. 1. 폭포수 모형 (Waterfall Model) 폭포에서 한번 떨어진 물은 거슬러 올라갈 수 없듯이 소프트웨어 개발도 이전 단계로 돌아갈 수 없다는 전제하에 각 단계를 확실히 매듭짓고 그 결과를 검토, 승인 과정을 거친 후에 다음 단계를 진행하는.. 2022. 12. 30.
[Git / GitHub] Git으로 GitHub에 프로젝트 올리는 법 Git / GitHub란? 들어가기에 앞서 Git과 GitHub가 무엇인지부터 알아야 한다. Git 로컬에서 관리되는 버전 관리 시스템 (VCS : Version Control System) 소스코드 수정에 따른 버전을 관리해주는 시스템 GitHub 클라우드 방식으로 관리되는 버전 관리 시스템(VCS) Git Repository를 위한 웹 기반 호스팅 서비스 오픈소스는 일정 부분 무료로 저장 가능, 아닐 경우 유료 사용 분산 버전 제어, 액세스 제어, 소스 코드 관리, 버그 추적, 기능 요청 및 작업 관리를 제공 따라서, Git은 버전 관리 프로그램이고 Github는 버전 관리, 소스 코드 공유, 분산 버전 제어 등등이 가능한 원격 저장소 Git 설치 방법 1. Git 홈페이지 가기 https://git.. 2022. 12. 28.
[데이터 통신과 네트워킹] 대칭 키 & 비대칭 키 암호 보안의 세 가지 목표인 기밀성, 무결성, 가용성은 보안 공격으로부터 위협을 당할 수 있음 기밀성 기밀성은 암호를 사용하여 달성 가능 암호는 2개의 광범위한 종류인 대칭-키와 비대칭-키로 나눌 수 있음 대칭키 암호화 방식은 암/복호화에 사용하는 키가 동일한 암호화 방식을 말하며 그와 달리, 공개키(비대칭키) 암호화 방식은 암복호화에 사용하는 키가 서로 다르며 따라서 공개키 암호화 에서는 송수신자 모두 한쌍의 키(개인키, 공개키)를 갖게 됨 대칭-키 암호 암호화와 복호화 양쪽에 같은 키를 사용하고, 키는 양방향 통신에 사용되기 때문에 대칭이라고 부름 암호화와 복호화 알고리즘은 서로 역(inverse) 관계 암호화와 복호화는 공개하되 공유 키는 비밀로 유지 비밀 키를 교환할 또 다른 보안 채널이 필요 키를 제.. 2022. 12. 26.

티스토리툴바