개발자 이직

1. OSI 7계층은 이론적인 모델이며 이를 기반으로 TCP/UDP 등으로 사용된다. TCP는 OSI와 다르다. TCP에서는 OSI의 L7,L6,L5가 Aplication Layer으로 함께 사용된다.TCP에서는 OSI의 L4가 Transport Layer로 사용된다.TCP에서는 OSI의 L3가 Internet Layer로 사용된다.TCP에서는 OSI의 L1,L2가 Network Layer로 사용된다. 따라서 OSI 계층은 7가지로 나누는데 TCP는 4가지로 나누어 구분하고 있다.  2. TCP(Transmission Control Protocol)에 대해 좀 더 자세히 알아보자.2-1 앞서 살펴본 것처럼 TCP는 OSI와 다르게 4개의 계층으로 이루어져 있다. 첫번째로 가장 하단에 있는 Network ..

- 옛날에 샀던 udemy 강의 중에 html, css, javascript로 여러가지 것들을 간단한 것들을 구현하는 강의가 있었다. 이것들을 좀 정리해볼까 한다. 옛날에는 판매 되는 강의였지만 github에도 공유가 되어있다. https://www.youtube.com/watch?v=69FkUGpw3ok - upsplash라는 사이트에서 무료로 호스팅되는 이미지들을 가져와서 사용할 수 있다. - 폰트는 구글 폰트를 사용하였다. - 사전에 적용된 기본 CSS 값이 있다. *{ box-sizing: border-box; } body{ font-family: 'Muli', sans-serif; margin: 0; display:flex; align-items: center; justify-content: c..

TCP/IP 과목 01 OSI 7 계층 02 TCP/IP 계층 03 TCP/IP 계층의 기본 프로토콜 04 TCP/IP 계층의 응용 프로토콜 OSI 7 계층 01 OSI 7 계층(Open System Inter connection) - 개방형 시스템 간의 상호 접속 - ISO에서 정한 국제 네트워크 표준이며 서로 다른 네트워크가 데이터를 교환하기 위한 이론 - 7가지의 계층으로 구분함 - 실제론 TCP/IP로 구현됨 02 계층별 설명 1) 물리 계층 - bit - 리피터, 허브 디스플레이가 공유되기 때문에 디지털 광고판, 방송 시스템 등에 사용된다고 한다. 랜선, 와이파이만 연결되면 사실 이렇게 까지 할 필요는 없지 않나 싶지만 공용망과 분리된 독립망의 경우, 혹은 디스플레이가 PC가 아니고 다른 거대한..

공장에서 3개월 정도 수습을 하고 무기계약직으로 2년 넘게 일을 하고 사직서를 냈다. 그러면서 뭔가 배운 것들을 공유하고자 글을 남긴다. 솔직히 좋은 회사라고 할 수는 없고 다른 사람이 그곳을 간다고 하면 나처럼 고생만 하다가 나갈게 뻔히 보이기 때문에 돈이 급한게 아니라면 추천하고 싶지는 않다. 1. 임금 체계 및 직급 체계가 없는 회사 현장에 있는 관리자와 사무실에 있는 관리자와의 싸움이 매우 심하고 직급이 의미가 없다. 연차가 쌓인다고 해서 연봉이 올라가는 것이 아니고 여성의 경우 최저시급 상승률 만큼만 반영하고 남성의 경우 최저 시급에 300원을 더 준다. 업무 자체는 그렇게 어려운 편은 아니지만 육체노동이 주가 되기 때문에 일의 가치보다 일의 시간이 더 중요한 곳이다. 일이 많으면 당연히 힘들어..

웹 사이트 다크모드 구현 예시 1. darkmode로 적용할 CSS 변수 값을 만든다. .dark-mode-variables{ --color-background: #181a1e; --color-white: #202528; --color-dark: #edeffd; --color-dark-variant: #a3bdcc; --color-light: rgba(0, 0, 0, 0.4); --box-shadow: 0 2rem 3rem var(--color-light); } 2. 다크모드를 토글할 HTML 버튼을 만들고 클래스를 넣어준다. menu light_mode dark_mode 3. 다크모드로 바꿀 HTML 요소들을 선택자로 잡아준다. .right-section .dark-mode{ background-col..

웹 사이트를 만들기전에 어떤 식으로 사이트를 구성할 것인지 미리 구상할 필요가 있고 나눠진 영역에 따라서 HTML 태그들을 나눈 이후에 각각의 UI에 어떤 클래스 명을 넣을 것인지 고민해야한다. 자주 쓰는 태그들을 따로 정의하여 반복하여 사용하지 않도록 하고 들어가는 색깔 또한 :root로 변수처리해준다. 이후에는 어떤 애니메이션을 넣을 것인지, 트랜지션을 넣을 것인지 고민해본다. 또한 @media를 이용하여 디스플레이의 크기 변화에 따라서 반응형으로 웹사이트를 조정한다. 여기까지가 일반적인 HTML, CSS, Javascript로 할 수 있는 것들인데 폰트나 이미지의 크기 변화, div 태그의 box 값들을 조정할 필요가 있다. https://blog.naver.com/bibimseol/22134637..

WireFrame과 웹사이트의 유료, 무료 서비스 3가지 큰 영역으로 나눠져 있다. Aside에는 여러가지 메뉴를 선택하여 서비스를 나눠서 탐색하고 Main에서는 주로 사용하는 기능들을 넣는다. right-section에서는 현재 자신 계정 표시와 함께 자신이 할일들을 넣었다. 탐색 바에서는 페이지를 이동하는 링크 역할을 하게 된다. - pc 버전의 웹사이트이며 컴퓨터를 사용하는 사람이 고객이 된다. 회원 시스템, 각종 커뮤니티, 날씨, 부동산 및 주식, 쇼핑까지 다양한 시스템으로 연결되는 메인 페이지라고 볼 수 있다. 네이버가 어떤 부분은 무료로 서비스하고 어떤 부분은 유료로 서비스 하는지 알아보자. - 회원가입, 이메일, 뉴스 탐색, 주식 시세 확인, 부동산 시세 확인, 블로그 및 카페 커뮤니티 만들..

- 프레임워크를 사용하지 않고 웹 사이트에 들어가는 관라자 대시보드를 따라서 만들어보자. - 모든 에셋과 코드는 아래의 링크를 통해서 받을 수 있다. https://github.com/AsmrProg-YT/Dashboard-Designs/tree/master/Admin%20Dashboard%20%2301 - Reza Mehdikhanlou 라는 사람이다. https://github.com/AsmrProg-YT AsmrProg-YT - Overview Hey it's me "Reza Mehdikhanlou", Owner of AsmrProg youtube channel. Here i will upload youtube videos projects sources. Subscribe Here : https:/..

와이어 샤크로 IPv4 주소 알아보기 1-1 정보를 표현하는 단위 (bit)와 IP 주소 체계 0과 1은 2가지를 표현할 수 있다. 이것이 1bit이다. 그럼 2bit는 몇개를 표현할 수 있을까? 아래와 같이 총 4개를 표현할 수 있다. 이것을 수학으로 거듭제곱이며 2의 2승이라고 표현한다. 8bit는 1byte가 되며 2의 8승이다. 총 256가지가 생긴다. 0,0 0,1 1.0 1.1 즉, 0부터 255 사이로 값을 표현할 수 있게 된다. 이것을 .으로 구분하는데 옥텟이라고 한다. 그렇게 최대 0.0.0.0 부터 255.255.255.255의 사이로 경우의 수가 생기며 이것을 32bit라고 한다. 40억개가 넘는 IP 주소가 만들어진다. 1-2 IPv4는 클래스 A, B, C, D로 나눠짐 40억개가..

네트워크 구축에 쓰이는 각종 케이블에 대해 알아보자. 컴퓨터 본체와 공유기로 직접 유선 연결을 할 수도 있고 무선 연결을 할 수 있는데 이 두 가지의 차이점을 통신 연결 방식에 따라 구분할 수 있지만 인터넷 속도가 왜 달라지고, 어떤 특징들이 있고, 어떤 상황에서 통신이 불안해지고, 어떤 상황에서 어떤 문제가 발생할 수 있는지 알아보자. http://wiki.hash.kr/index.php/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC_%EC%BC%80%EC%9D%B4%EB%B8%94#UTP.2FSTP.2FFTP 네트워크 케이블 - 해시넷 네트워크 케이블(network cable)이란 컴퓨터나 네트워크 장비들 사이에서 신호를 전달하는 전송매체의 역할을 하는 장치다. 여러 가지 종류가 ..