프론트엔드 개발자의 기록 공간

CSS의 꽃 레이아웃 & 포지셔닝의 주요 정렬에 대해서 작성해보겠습니다. 이렇게 쉽고 간단한걸 왜 블로그로 작성하냐고 생각하실수도 있겠지만 설명은 뒤에 언급하겠습니다. * 여기서 레이아웃이나 포지셔닝을 "꾸민다"라는 말로 지칭하겠습니다! 작성 계기 : html + 바닐라 js로 개발하던 시절에는 필요한 레이아웃 구조를 그때 마다 찾아서 사용하곤 했습니다. 하지만 리액트를 접하면서 현재 컴포넌트에서 하위컴포넌트를 꾸며야할때도 있고 또한 map함수를 이용해 여러 하위 컴포넌트들을 꾸미고 겹치고 할 일이 많아졌습니다. 이러면서 컴포넌트안에 컴포넌트가 있는 형식이라 구조가 매번 꼬여 개발보다 꾸미는데 시간이 훨씬 많이 걸렸습니다. 그래서 이참에 블로그 포스팅을 통해 정리하는 시간을 가져보고 또 나중에 이런 문제..

우선 바닐라 JS상태에서 시작한다고 가정하에 환경설정하는 법을 소개하겠습니다. 우선 타입스크립트를 사용하기 위해 npm모듈을 이용하여 설치해줍니다. 글로벌 설치 : 시스템 폴더에 설치(모든 프로젝트에서 사용) npm install typescript -g 로컬 설치 : 현재 프로젝트에서만 사용 npm install typescript --save -dev 이렇게 사용자 목적에 따라 설치해줍니다. (앞으로 계속 TS사용할꺼면 글로벌 설치) 이후 tsc를 설치해줘야합니다. tsc란 typescriptcompiler입니다. TS는 JS 환경에서 실행될 수 없습니다. 왜냐하면 JS가 실행되는 브라우저가 TS코드를 이해하지 못하기 때문입니다. 위의 그림과 같이 TS코드를 JS로 바꿔줘야지만 브라우저는 인식을 하고..

물리 계층: LAN CARD(물리적 주소), 비트(bit) 흐름을 전송하기 위해 요구되는 기능 장비: 허브, 리피터(신호 증폭기) 프로토콜: 전선 데이터 링크 계층: -다른 장치로 프레임(비트의 모임)을 전달하는 역할. -스위치 같은 장비의 경우 MAC주소를 이용하여 전달 -점대점 사이의 신뢰성 있는 전송을 보장하기 위한 계층 -CRC기반의 오류제어와 흐름제어가 필요 ==CRC 에러는 데이터 송수신할 때 오류를 검출해 내는 수학적 기법이다. 이더넷 프레임의 CRC의 체크섬에 문제가 있을 때 발생한다. EX) 데이터의 용량이 최소단위에 못미치거나 최대용량이 넘어갈때 등등 장비: 브리지. 스위치 프로토콜:이더넷 데이터링크와 네트워크 계층 사이(ARP(논리적 주소->물리적 주소), RARP) 네트워크 계층: ..

프로토콜: 서로 다른 pc가 통신을 하기 위해 정해놓은 통신규약(규칙) 프로토콜의 3가지 요소구문: 데이터의 구조나 포맷을 정의 의미: 전송되는 데이터의 각 부분이 무엇을 의미하는지 정해놓은 규칙(오류제어, 동기제어, 흐름제어) 순서: 어떤 데이터와 얼마나 빠르게 보낼 것인지 정의 프로토콜의 기능-주소 설정: 서로 다른 시스템의 개체가 통신을 하는 경우 -순서제어: 프로토콜 데이터 단위를 전송할때 보내는 순서를 명시하는 기능 -데이터 단편화 및 재조합: 대용량 파일을 전송할 때 작은 단위로 나누어 전송한 뒤,전송 받은 pc에선 이를 재조합해야함. -캡슐화: osi계층을 거칠때마다 데이터에 제어 정보를 덧붙이고 이를를 보호하기 위해 캡슐화를 진행 -연결 제어: 연결 설정, 데이터 전송, 연결 해제에 대한 ..

목차: 자료구조와 알고리즘 알고리즘의 성능 분석 -시간/공간 복잡도 분석 -빅오(O)표기법 컴퓨터과학과에 복수전공을 하게되어 C언어를 복습할겸 부족했던 지식을 쌓기위해 컴퓨터 분야에서 필수적으로 불리는 과목인 자료구조 수업을 듣게 되었다. 첫날이라 금방 끝나겠지라고 생각했지만 첫날부터 풀강을 하셨다... 본론으로 들어가서.... 자료구조와 알고리즘의 차이에 대해서 잘 모르는 사람이많은데 정확한 정의를 알고 가야지 앞으로 배울 단원에 대해서 헷갈리지 않게된다. 자료구조란? -위키백과 자료구조는 전산학에서 자료를 효율적으로 이용할 수 있도록 컴퓨터에 저장하는 방법이다. 신중히 선택한 자료구조는 보다 효율적인 알고리즘을 사용할 수 있게 한다. https://ko.wikipedia.org/wiki/%EC%9E%..