본문 바로가기

공부

 (92)
네트워크 기초 - 트래픽, 처리량, 대역폭, 토폴로지, LAN, MAN, WAN 네트워크노드와 링크가 서로 연결되어있으며 리소스를 공유하는 집합노드서버, 라우터, 스위치 등과 같은 네트워크 장치링크 (엣지)무선 또는 유선으로 된 연결매체 (와이파이, LAN)트래픽특정 시점내에 링크내에 흐르는 데이터의 양처리량링크내에 성공적으로 전달된 데이터의 양대역폭주어진 시간동안 네트워크 통신 연결시 최대로 흐를 수 있는 비트(bits) 수RTT (Round Trip Time : 왕복지연시간)신호를 전송하고 해당 신호를 다시 수신확인 할때까지 걸리는 시간을 더한 값어떤 메세지가 두 장치 사이를 왕복할 때 걸리는 시간토폴로지노드와 링크가 어떻게 구성되어 있는지를 말함버스, 스타, 트리, 링, 메시 토폴로지가 있음버스 토폴로지하나의 회선에 여러 개의 노드를 연결하는 방법노드 추가, 삭제 쉬움장점하나의..
다시 정리해보는 http와 https의 차이 +ssl/tsl 핸드쉐이크(handshake) http & https 차이http (HyperText Transfer Protocol)port: 80클라이언트와 서버간의 통신규약데이터를 주고 받는 기본 프로토콜암호화되지 않은 평문 데이터를 전송하기 때문에 제 3자가 가로채 읽을 수 있으므로보안에 취약https (HyperText Transfer Protocol Secure)port: 443http에서 ssl/tls을 추가하여 암호화된 프로토콜클라이언트와 서버간의 데이터 통신을 암호화하여 도청되거나 변조되지 않도록 보호url 앞에 https:// 로 시작 TLS (Transport Layer Security)tls는 인증, 데이터 암호화, 데이터 무결성 3가지의 주요 보안기능을 제공하며데이터 암호화시 대칭키과 비대칭키 암호화를 사용하여 데이터를 보호한..
[회고] TODO 만들기 TODO이전에도 만들어 본 적이 있다.그냥 react와 postCSS를 사용해서그건 드림코딩을 강의를 들으면서 만든거였는데,강의 내에서 보이는 디자인으로 사이즈를 대충 고정시켜서 만들었었다.그때의 나는 미디어쿼리를 별로 신경쓰지 않았다.(이전 회사에서 키오스크의 기계가 고정이었기때문에미디어쿼리에 전혀 신경쓰면서 만든적이 없었다.) 교육 + 팀원들과의 프로젝트 후나는 ts를 알게 되었으므로ts를 추가한 todo를 만들기로 결심했다.피그마도 경험한 적이 없어서 사용을 하지 않았었는데이번 기회에 피그마로 디자인도 조금 해봤고 (귀여운 수준으로..)css는 고민끝에 tailwindcss를 처음 사용해보기로 결정했다.(물론 아직 vanila-extract도 제대로 사용해보지 않았지만tailwind의 점유율로는 경..
[회고] 프로그래머스 풀스텍 과정-팀 프로젝트를 마무리하며 마지막 팀 프로젝트마지막, 생각이 많아지는 단어다.나는 장장 6개월의 과정을 거치며 벌써 마지막 팀 프로젝트를 하게되는 시기가 오고야 말았다. 이전의 경험나는 이전 회사에서 자바스크립트가 뭔지 겨우 아는 상태로 들어가서중.도매 사용자들의 편의를 위한 참가번호 부여와 구매 내역서를 출력할 수 있는키오스크를 만든 적이 있다. 회사에서는 서버세팅은 euc-kr에 JS와 php MySQL을 사용하는 회사였고,JS만 겨우 알고 들어간 나는 MySQL을 이용하여 php로 나름 api를 만들어쿼리스트링으로 프론트와 통신하게 만들 정도로 성장했다. 그 후로, 사용자들의 연령대가 높은것을 감안해TTS를 추가하고 키오스크 사용이 능숙하지 않으므로사용 후 처음으로 버튼을 누르지 않으면일정시간 후 다시 메인화면으로 돌아오게 ..
실무에 쓰이는 CS 지식 기초(2) 컴퓨터 구조의 설계와 구현컴퓨터 하드웨어의 구성중앙처리장치 - CPU 9Central Processing Unit)주기억장치 - Memory (RAM/ROM)보조기억장치 - Storage (HDD, SSD, optical discs, magnetic tapes, ...)입출력장치 -  I/O Devices (keyboard, mouse, display, printer, network, ...)중앙처리장치 (CPU)제어장치 - 명령어를 해석하여 그 실행에 필요하 ㄴ제어 신호를 발생시킴ALU - 산술 및 논리 연산 등을 수행레지스터 - 연산의 대상 (operand) 및 연산 결과 등을 저장명령어 집합 구조ISA (Instruction Set Architecture)마이크로프로세서가 인식해서 기능을 이해하고 ..
프로젝트: 오픈소스 기반의 웹 파이프라인 구축(10) BE 구조 설계서소프트웨어 구조 설계서구조 설계서 (Architecture Design Specification)소프트웨어의 구조 설계를 기술하고 정의하는 문서소프트웨어 개발 과정에 있어 가장 중요한 기준프로젝트 초기 단계에서 필수적으로 산출해야 하는 문서사용자 인증 및 인가사용자 인증 및 정보의 보호사용자 인증 (User Authentication)인증 정보 (credentials) 를 제출하도록 하여 유효한 사용자인지를 확인하는 절차가입시 사용한 이메일 주소와 결부된 “암호화된 비밀번호” 를 비교사용자 인가 (User Authorization)특정 자원 (노트) 에 접근하고자 하는 사용자가 이 자원에 대한 권한을 가지고 있는지를 확인하는 절차현재 로그인하고 있는 사용자의 id 를 노트의 소유자 id ..
프로젝트: 오픈소스 기반의 웹 파이프라인 구축(9) 응용 구조의 설계전체 응용의 구성FrontendReact 응용으로 만들어져 UI 에 해당하는 부분을 서비스Backend 로 향하는 API 호출은 브라우저의 js 실행에 의해서 이루어짐 🡨 이 코드를 FE 가 제공BackendExpress 응용으로 만들어져 데이터베이스를 이용한 데이터 모델을 서비스JWT (JSON Web Token) 를 이용한 사용자 인증을 통해 데이터 접근을 보호CORS (Cross-Origin Resource Sharing) 정책을 통해 악의적인 접근을 방지Database'prgms_notes' 라는 이름의 데이터베이스에 두 개의 테이블을 포함개발 환경의 구성코드를 변경할 때마다 로컬 테스트 환경에 배포하는 것은 부담스러운 일시간 소요: 개발 작업의 효율성이 떨어짐환경 설정 및 디버..
프로젝트: 오픈소스 기반의 웹 파이프라인 구축(8) 웹 기반 문서 편집기 제작 프로젝트강의 목표React와 Express를 이용한 통합 프로젝트 수행지금까지 배운 기술을 활용하여 데이터베이스와 사용자 인터페이스를 포함하는 웹 응용 개발실제 사용을 염두해 둔 서비스를 개발 및 통합 (빌드, 테스트, 배포) 하는 과증을 자동화 파이프라인으로 구축웹 개발 프로세스를 개발자 관점에서 이해소프트웨어 개발자로서 직접 맡아서 해야 할 일들과 그 범위타 팀 (예:DevOps)에서 수행하는 코드 개발 이외 업무에 대한 이해이것을 잘 알고 있는 것은 역할 정의 및 부드러운 협업과 효율 향상에 필요한 일프로덕션 환경을 고려한 응용 소프트웨어의 설계와 구현에서 염두해 두어야 할 점개발자로서 서로 다른 환경 구성에 주의해야 할 부분학습 포인트React 및 Express를 활용한..

티스토리툴바