youtube 영상 정리12 [youtube 영상 정리]클라우드 컴퓨팅 (4) 쉽게 설명하는 AWS 기초 강좌 1: 클라우드 컴퓨팅이란? - YouTube 클라우드 컴퓨팅이란? '클라우드 컴퓨팅은 IT 리소스를 인터넷을 통해 온디맨드로 제공하고 사용한 만큼만 비용을 지불하는 것' -AWS 주로 클라우드 컴퓨팅을 줄여 '클라우드' 라고 칭한다. 온디맨드:수요에 반응함 정보를 효율적으로 관리하기 위해서는 서버가 필요하다. 서버가 늘어남에 따라 서버를 관리하기 위한 데이터 센터가 필요하며 자체 데이터 센터를 보유하게 되면 건물 유지비용,서버 구매비용,유지보수 등 여러가지 문제점이 발생한다. 또한, 서버의 최대 사용량을 예측하여 구비해둬야하지만 항상 서버를 최대치만큼 사용하는 것이 아니며 시간에 따라 다른 사용량을 보일것이다. 그렇기에 최대치 도달하지 못하는 시간동안은 현재 사용량.. 2022. 10. 13. [youtube 영상 정리]Flex Layout (2) [10분 테코톡] 🦄 콜린의 Flex Layout - YouTube Flex Layout Layout 문서 위에 상자를 적절한 위치에 배치하는 방법 Flex 요소들을 행,열 단위로 정렬하기 위한 1차원 레이아웃 용어 flex container flex 아이템들의 배치나 정렬을 담당 flex item 자신이 차지하는 크기 및 자신들 사이의 순서를 변경할 수 있다. main axis flex item들의 주축 기반 cross axis flex item들의 부차적인 정렬에 대한 기준 담당 컨테이너 속성 flex-direction main-axis의 방향을 결정하여 main-start 기준점을 잡는 속성 문서 내 요소들이 배치되는 흐름은 writing mode&direction 속성과 관련 flex-wr.. 2022. 7. 22. [youtube 영상 정리]CSS 방법론 (2) [10분 테코톡] 🎉 동동의 CSS 방법론 - YouTube CSS 방법론 CSS란? HTML 또는 XML로 쓰여진 문서의 스타일을 나타내기 위해 사용되는 언어 문서의 구조와 스타일(디자인)을 분리하여 HTML이나 XML의 각 요소를 꾸미는 것이 역할 CSS 등장 이전 문제점 같은 스타일 요소를 여러 페이지마다 사용하면, 하나를 수정할 때마다 그만큼 반복하여 수정해야 한다. HTML은 본래 문서 구조를 의미하므로 HTML에 직접 스타일을 지정하는 것은 바람직하지 않다. CSS 등장 이후 css파일에는 스타일을 기재하고 html에는 문서의 구조를 작성하게 되어 관심사의 분리가 이루어짐 한번 p요소에 스타일을 부여하면 여러 페이지에서 적용 가능 수정하는 경우에도 한곳만 수정하면 돼서 반복 .. 2022. 7. 22. [youtube 영상 정리]컴포넌트 (2) [10분 테코톡] 🎁 브랜의 프론트엔드에서 Component란 - YouTube 프론트엔드에서 컴포넌트란 1.컴포넌트 '전체의 부분' 소프트웨어 개발을 마치 레고 블록을 쌓듯이 쉽게 할 수 있도록 하는 기술 구성단위를 미리 만든 뒤 필요한 응용 기술을 개발할 때 이 모듈을 조립하는 기술 2.프론트엔드의 컴포넌트 element group을 반환하는 JavaScript 함수 3.컴포넌트 분리 Atomic Design 화학적 개념을 이용하여 컴포넌트를 분리하는 방법론 원자(각종 태그)->분자(컴포넌트)->유기체(헤더영역)->템플릿(레이아웃) 단점 분리 기준이 모호하다. 소요시간이 많다. 사이드 이펙트가 크다. 재사용이 어렵다. 4.디자인 시스템 컴포넌트와 스타일을 관리하는 시스템 디.. 2022. 7. 22. [youtube 영상 정리]웹 표준&접근성 (2) [10분 테코톡] 🐭 미키의 웹 접근성 & 표준 - YouTube 웹 접근성&표준 웹 표준 어떠한 운영체제나 브라우저를 사용하여도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙 등장 배경 넷스케이프와 인터넷 익스플로러가 웹을 장악하기 위하여 싸우던 시대에 개발자는 두 가지 버전의 페이지를 모두 개발했어야 했다. 시간이 흘러 인터넷 익스플로러가 대부분의 웹을 점유하기 시작하고 호환성을 고려하지 않고 자사에만 맞는 기술을 도입하기 시작했다. 후에 스마트폰의 시대가 찾아오면서 특정 os나 특정 브라우저에서만 동작하는 웹페이지는 점점 설자리를 잃어가고 웹 표준의 중요성이 점점 드러나기 시작했다. 웹 표준의 장점 1.브라우저와 os에 관계없이 하나의 코드로 모든 플랫폼에 대응 가능.. 2022. 7. 22. [youtube 영상 정리]정규 표현식 https://www.youtube.com/watch?v=CjoDIgDOHA4&t=3s 정규 표현식 능력 특정 패턴을 가지고 문자열을 찾을 수 있다. 메타문자 문자를 나타내는 문자 .:모든 문자 []:대괄호 안에 들어가있는 문자를 찾음. 대괄호 안에서 ^는 not을 의미 |:or \s:공백 \d:숫자 \w:영문자 모두. 숫자,밑줄 수량자 앞 문자의 갯수 +:앞 문자가 하나 이상 *:앞 문자가 0개 이상 ?:앞 문자가 없거나 하나 있음 ?:처음에 발견했을 때 쉬고 다시 찾음 정규표현식=패턴구분자 시작+작성할 패턴+패턴구분자 끝+패턴 변경자 핵심:메타문자와 수량자를 잘 파악하자. 강점:패턴으로 검증 가능,if문을 많이 안써도 된다. 단점:너무안좋은 가독성,유지보수가 힘들다 간단한 검증은 if문으로 해결하고 .. 2022. 7. 22. 이전 1 2 다음