Coding Story

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1) Looping (루핑, 뺑뺑이) - 브리지나 스위치에서 자주 발생 - 프레임이 네트워크상에서 무한정으로 뱅뱅 돌기 때문에 이더넷의 특성상 네트워크가 조용해야 데이터를 전송할 수 있는 다른 녀석들이 계속 네트워크가 조용해지기를 기다리기만 할 뿐 데이터 전송은 불가능해지는 상태를 말하는데, 브리지나 스위치의 디자인ㅇ네서는 가장 주의해야 함 - 네트워크를 치명적인 상태에 빠트릴 수 있다. - 사람이 네트워크를 구성하면서 모든 목적지의 경로를 하나만 있도록 만들어주면 아예 루핑은 생기지 않는다. - 자동으로 루핑을 막아주는 알고리즘을 '스패닝 트리 알..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1) 허브 (HUB) - 직사각형의 상자에 구멍이 뚫려있는 모양으로 되어있다. - 구멍이 몇 개 뚫려있냐에 따라 몇 포트 허브이다 라고 얘기한다. - 구멍의 숫자가 바로 몇 대의 장비를 연결할 수 있는지를 결정하게 된다. - 랜카드가 설치된 각각의 PC들은 케이블을 타고 바로 이 허브에 연결된다. - 같은 허브에 연결된 PC끼리는 서로 통신이 가능하다. [참고] 10개의 포트인 허브가 있는데 18대의 PC를 연결하려면 18개 이상 되는 허브를 따로 1대 구매하거나, 구멍이 10개인 허브를 1개 더 산 후 이 2대를 서로 연결하고 2대의 허브에 P..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1) IP 관련 명령어 (CMD에서 활용)2) NIC(Network Interface Card, 랜카드)- 우리 주변에서 가장 많이 볼 수 있는 네트워크 장비- PC에 랜카드를 꽃고 전원을 껐다가 다시 켜면 PC가 알아서 랜카드를 인식하고, 알아서 필요한 프로그램을 설치하고 네트워크에 연결해주는 아주 좋은 기능인 플러그 앤 플레이(Plug and Play, P&P)를 지원한다.- 랜카드의 모든 세팅은 점퍼 형식으로 되어있다.- 아주 중요한 역할을 한다.- 유저의 데이터를 케이블에 실어서 허브나 스위치, 혹은 라우터 등으로 전달해주고 자신에게 온 데이터를 CPU에게 전달해주..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1. 멀티 캐스트(Multicast)- 보내고자 하는 그룹 멤버들에게만 한 번에 보낼 수 있다.- 유니캐스트처럼 여러번 보낼 필요도 없고, 브로드캐스트처럼 받기 싫어하는 사람에게까지 보낼 필요도 없다.- 그룹에 속해있는 사람들에게만 선택적으로, 그것도 한 번에 보낼 수 있는 방법이다. - 라우터나 스위치에서 이 기능을 지원해 주어야만 쓸 수 있다.- 라우터나 스위치가 멀티캐스트를 지원하지 않는다면 라우터의 경우는 이러한 멀티캐스트를 마치 브로드캐스트처럼 취급해서 다 막아버리고 스위치의 경우는 모든 포트로 뿌려버린다.- 그룹에 포함되고 또 그룹에서 빠져나가는 것을 정의하기 ..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1. 네트워킹 (Networking) : 장비들을 서로 대화가 가능하도록 묶어주는 것2. 인터넷 (Internet) : 여러 개의 네트워크를 묶은 것 - 인터(Inter) : 연결을 의미한다. - www는 World Wide Web의 약자이다. - 특징으로는 하나의 프로토콜을 사용하고, 주로 익스플로러나 크롬, 파이어폭스와 같은 웹 브라우저를 이용해서 인터넷을 탐험하고, 인터넷에는 없는 정보가 없다. (프로토콜은 통신의 규칙이라고 생각하면 된다) - 서로 다른 프로토콜을 사용하게 되면 통신이 불가함. - 인터넷에서는 하나의 언어, 즉 하나의 프로토콜만을 ..

① Main 화면 구성- 상단 Header 부분에 'Career details'라는 메뉴 추가 (빨간색 박스)- 위로가기 버튼 추가 → ^ 버튼 클릭시 제일 상단 영역으로 이동 (주황색 박스)- 인사말 수정 → Front-End 개발자라는 직무를 위해 제작한 포트폴리오가 아니기 때문에 다양한 직무 지원 및 재직을 위해 내용 수정 (노란색 박스)- 특허 관련 영역 추가 (초록색 박스)- 언론 보도 관련 영역 추가 (하늘색 박스)② LICENSE 부분에 특허 취득 관련 내용 추가- LICENSE에 있던 기존 부분에 '특허 취득' 관련 내용 추가③ PATENT , PRESS 영역 추가- 특허 관련 내용 영역 추가 → 세부사항 옆 버튼 클릭시 해당 페이지로 이동- 언론보도 관련 내용 영역 추가 → 세부사항 옆..

1. 크롬 브라우저에서 다음 주소를 입력합니다. → https://codesandbox.io CodeSandbox: Instant Cloud Development EnvironmentsCodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.codesandbox.io 2. 코드샌드박스 사이트에 접속하면 다음과 같은 페이지가 나옵니다.3. 회원가입 및 로그인 화면이 나타나는데, 여기서는 아무 방법이나 선택하셔도 상관없습니다. 4. 계정을 생성하고 로그인 하시면 아래와 같은 화면이 나타납니다.  5..

1. 자바스크립트(JavaScript) : 웹(Web) 페이지를 만들 때 사용하는 언어- 요즘은 자바스크립트로 서버도 개발하는 등 역할의 폭이 확대됨.- 우리가 볼 수 있는 웹 페이지는 HTML(웹 페이지 요소의 배치), CSS(웹 페이지 요소의 스타일링), 자바스크립트(웹 페이지 요소의 동작 정의)로 구성되어있음.2. HTML (HyperText Markup Language) : 텍스트, 이미지, 버튼, 메뉴 등과 같이 웹 페이지에 나타나는 모든 요소의 배치와 내용을 기술하는 언어- HTML만 사용해도 웹 페이지를 만들 수 있지만 이것만으로 스타일을 정의하거나 사용자와 요소 간의 상호작용을 처리하기는 어려움-  HTML로 개발한 웹 페이지는 웹 브라우저에 띄운 움직이지 않는(정적인) 온라인 신문과 같음..

1. 메인화면- 상단 메뉴에 자기소개, 진행한 프로젝트, 자격증, 대회, 수상경력, 교육, 활동, 스택, 교육, 문의 메뉴를 구성하여 텍스트 클릭시 해당 메뉴로 이동할 수 있도록 구현하였다.- 좌측의 영어 이름을 클릭하면 메인화면(자기소개) 로 이동하도록 구현하였다.2. 프로젝트- 이때까지 진행했던 프로젝트들을 년도순대로 정렬하여 표시하도록 구현하였다.- 위에서부터 아래로 년도 순으로 정리가 되어있으며 프로젝트명, 프로젝트에 간단한 소개, 개발 참여도와 진행률을 표시하고, 해당 프로젝트의 활동자료로 이동할 수 있도록 버튼을 구현하였다.- 프로젝트들 간의 개발언어, 활용 부품, 활용 기자재 등을 입력하여 간단하게 알 수 있도록 구현하였다.3. 보유 자격증- 현재 내가 보유하고 있는 자격증, 수료..

1) AI 분야 - 컴퓨터 비전 : 검안법(Optometry) - 자연어 처리 : 언어학 - 강화학습 : 게임 이론, 심리학 - 이상 탐지 : 보안, 의학 2) RNN (Recurrent Neural Network) - 모델 아키텍처 - 순환 신경망 - 입력과 출력을 시퀀스 단위로 처리하는 시퀀스(Sequence) 모델 3) 기타 아키텍쳐 ① 오토인코더 (Auto Encoder) - 입력을 주게 되면 출력시 라벨이 없고 네트워크 모델을 거친 다음에 동일한 입력 값을 표시 ② GAN (Generative Adversarial Networks) - “적대적 생성 신경망”이라고 번역되는 AI기술 중 하나 - 구글 브레인에서 머신러닝을 연구했던 Ian Goodfellow에 의해 2014년 처음으로 신경정보처리시..