728x90

분류 전체보기 199

[ 프로필 ]자기 계발

[컴퓨터 관련 경험] SSAFY(5기 1학기 수료, 2학기 현재 진행 중) - BattleMovie (웹 개발 백엔드 - 영화 추천 커뮤니티 ) 네트워크 서버 관리 ( 육군 제 7733부대 본부중대장/통신소대장 업무 - 홈페이지 관리 및 네트워크망, 위성 통신 서버 관리 ) - 제7733부대 3대대 및 연대 서버 관리 ( UPS, VOIP, 보안 장비 등 ) - 서버 관리 및 대대 통신 보안 담당자 프로그램 개발 ( "소팅알고리즘을 공부하자 " 프로그램 코딩 ) 안드로이드 어플 개발 ( "유어" 어플 개발 ) [자기 계발] 1. [ POSTECH과 POSCO가 공동으로 제공하는 『청년 AI · Big Data 아카데미』 ] - 2020.01.20 ~ 2020.04.27 Python 프로그래밍 Ⅰ(Pyth..

카테고리 없음 2021.08.17

[SSAFY] 산업혁명

산업혁명이란? 1차 (18세기~) 증기기관을 통해 열에너지를 운동에너지로 바꾸면서 노동력에 대한 효율성을 보여주게 된다. 2차(~20세기) 전기와 석유를 발견해 복잡한 과정을 생략하여 대규모, 대량 생산이 가능하게 되었다. 3차 반도체의 등장으로 인간의 단순노동 등을 생략하는 기계/컴퓨터의 사용이 진행하게 된다. ⇒ 즉, 한 사람의 노동력에 비해 산업 효율성이 획기성으로 변화하게 될 때 4차 산업 혁명 IoT - 스마트 팜 : 시간에 맞추어 알아서 농작물 관리가 된다. AI - 인공지능 스피커, 추천 알고리즘 등으로 생활에 직접적인 편의성을 제공한다. 무인운송수단 - 드론 광고 - 3D 모델링 기술의 양면성 화학 비료의 개발 장점 : 식재료 대량 생산이 가능하게 됨 단점 : 성분을 통해 화약을 개발, 2..

SSAFY 2021.08.17

[VUE.js] 유튜브 크롤링

사용자 요청 비어있는 HTML 페이지 보내기 HTML에 담긴 JS코드를 다운 다운로드되면 실행 JS코드가 비워저있는 곳을 HTML에 담는다. SPA 이슈들 JS 코드가 많을수록 사용자 대기(처음)시간이 길어진다. 왜써? SPA는 멋지고, 프레임워크를 쓰면 개발을 편하게 할수있기때문입니다. 모듈화 JS파일이 100개면 다운로드 요청이 100개가된다.. 오래걸린다.. Webpack이 해주는 것들 번들링 ES6 문법을 ES5로 변환(w/Babel) 사용하지 않는 코드 제거 (tree-shaking)(중요) JS 용량이 줄어들어 사용자는 더 빨리 화면을 볼수있다. 공백 제거, 코드 축약 등 결과물 크기 쿠기 축소 Vue -cli 개발순서 화면(UI)을 계발한다. > prototyping tool? kakao o..

[Spring & Maria DB] Restful API 게시판 CRUD

[JS] 게시판 환경 HeidiSQL 11.3.0.6295 Maria DB 10.6.3 MariaDB 게시판 테이블 만들기 게시판 테이블의 이름은 board 로명해줍니다. BOARD_NO : 게시판의 번호 TYPE : 불만/건의/공지 등의 타입 선택 TITLE : 제목 CONTENT : 내용 CNT : 조회수 USER : 글쓴이 YMD : 글쓴 시간 으로 나타내고자 ERD를 구성하였습니다. CREATE TABLE `board` ( `BOARD_NO` INT(11) NOT NULL AUTO_INCREMENT, `BOARD_TYPE` VARCHAR(20) NOT NULL COLLATE 'utf8mb3_general_ci', `BOARD_TITLE` VARCHAR(30) NULL DEFAULT NULL COL..

개발/술Talk 2021.08.12

[SSAFY] TDD (Test Driven Dev)

알아볼 것 TDD, DDD ,~ Junit, mockito, android espresso,robolectric crashlytics, performancing 코딩 -결정 피드백 연속 기능 -> 결정 잘 만든 걸까? -> 피드백 결정과 피드백 반복 --> 그러면 미리 피드백 받을 곳을 만들어 두는 발상? 코드 먼저 -> 테스트 나중 현재 시간이 AM, PM 인지 판단하여 리턴하는 람수를 만드는 경우 테스트 케이스 2개 (오전, 오후) 테스트 하려면 수행에 문제점이 생긴다. -> DateTime.now 에 종속되어 있다. 테스트를 어렵게 만드는 것은? 불확실성전역변수, APi 서버 부수 작업DB 기록을 하는 것메일 발송시스템 외부에 뭔가를 던지지만 리턴 값이 없는 테스트 케이스 먼저 -> 코드 나중 네이..

SSAFY 2021.08.12

[SSAFY] Vue 컴포넌트 전역 등록

Vue 컴포넌트 전역 등록 누구에게 필요한 내용일까? 중복으로 사용되는 컴포넌트가 있는데, 매번 등록해줘야 할까? 싶은 사람 참고 How to register global components in Vue 3 dynamically? Vue 컴포넌트 전역등록 예시 컴포넌트 구조 main.js App.vue /components Form1 Form2 Form3 /Common TextInput SelectInput Form1, Form2, Form3. 3개의 컴포넌트에서 TextInput과 SelectInput을 사용하고 있다. 컴포넌트마다 사용하는 TextInput과 SelectInput을 import해도 되지만, 전역 컴포넌트로 선언하여, 쉽게 불러오고 싶다. 코드 JavaScript 1 2 3 4 5 6 ..

SSAFY 2021.08.12

[SSAFY] OS 커널 DB 모델

학습목표 인프라에 필요한 구성 요소와 자원들의 형태를 알 수 있다. 현존하는 OS의 커널의 종류와 특징을 알 수 있다. 데이터를 저장하는 방식의 종류와, 그에 대표적인 DB 제품들의 특징들을 알 수 있다. OS(운영체제) Monolithic kernel (단일형 커널) : 각 기능간의 커뮤니케이션이 좋고, 시스템 호출에 의한 서비스가 빠름 ex) UNIX, LINUX, MS-DOS, Windows 9x 계열 Micro kernel (마이크로 커널) : 한쪽 커널에서 오류가 나도 운용될 수 있다. 리얼타임 성 시스템에 강하고 견고하다. 통신은 메시지 전달을 통해서만 발생하기 떄문에 전반적인 퍼포먼스는 저하 ex) 임베디드 시스템이나 portable한 개발에서 사용하면 좋다. Hybrid kernel (하이..

카테고리 없음 2021.08.11

배포

Nginx Nginx Nginx는 웹서버 소프트웨어로, 가벼움과 높은 성능을 목표로 한다. 웹 서버, 리버스 프록시 및 메일 프록시 기능을 가진다. Nginx는 요청에 응답하기 위해 비동기 이벤트 기반 구조를 가진다. 이는 아파치가 http 서버의 스레드/프로세스 기반 구조를 가지는 것과 대조적이다. 이러한 구조는 서버에 많은 부하가 생길 경우의 성능을 예측하기 쉽게 해준다. High performance load balancer, web server, API gateway & reverse proxy 비동기 방식이기 때문에 매우 높은 성능 정적인 파일 (주로 프론트엔드 파일들)을 서비스할 때 뛰어난 성능 (vs 톰캣) load balancer나 API gateway 용도로도 사용 가능 배포 구조 FE는..

SSAFY 2021.08.11

웹서버 보안

알아볼 것 :eyes::eyes::eyes: https -> ssl -> tls 방화벽 jwt ssh, gpg token ip 만 알고 있어도 털릴 수 있다. 유저 권한은 중요하다.웹 서버는 루트로 실행되면, 모든 것이 root 이기 떄문에유저를 생성하고 read/write 를 설정을 하면 된다. privileage escalation낮은 권한을 시작으로 관리자 권한까지쉘을 딴다.운영체제 취약점으로 공격한다. 운영체제 버전라이브러리 호환성프로그램등트레이드 오프가 있다. (보안이 잘되면 내가 쓰는게 안될 수 있다. 그냥 두면 보안이 취약하다)WindowXP > Window 8 > Window 10 (:grinning::grinning:) security update 는 해주는 것이 좋다. ACL (Acce..

SSAFY 2021.08.05

SW 테스트 케이스 설계

SW 테스트 케이스 설계 뭘 테스트 해야 하나? 테스트케이스와 체크리스트의 차이 테스트케이스는 TestCondition 을 확인하기 위한 것표준 ISTQB (Syllabus) :sparkler:**Condition = ~면(if) 모든 케이스는 조건을 확인하는 방법**:sparkler: 체크: 로그인하면 좌측 상단에 해당로고가 표시된다.테스트:일반회원으로 로그인하면 메인 화단부에 아무것도 안보이지만 프리미어 회원으로 로그인하면 하단부에 프리미어 배지가 보인다. => 결과가 명확하다 테스트 베이시스 (뭘 보고 만들어야 하나) 명세기반(에픽, 스토리) - JIRA 구조기반문장이 아닌 **코드**, **제어 흐름도** ex) 은행 ATM 기기의 명세 조건 결과의 정리 조건(원인)예상 결과 카드 유효여부 카드변..

SSAFY 2021.08.05
728x90