본문 바로가기

프론트엔드스쿨30

[Git] ssh key 생성 & 깃허브 ssh key 등록 방법 프런트엔드 스쿨 강의를 듣던 중, 독학으로 처음 git에 입문했을 때 ssh키로 애먹은 추억이 있다. 하지만, 강의를 본 나는 과거의 나를 자책할 수밖에 없었다. 깃 공식 문서에 들어가 보면 아래 사진과 같은 투박한 홈페이지가 나온다. 과거의 나는 이 투박함을 못 이겨 여기저기 블로그들을 돌아다니며 적용했는데 적잖이 많은 시간을 들였었다. 하지만 공식문서와 함께라면 똑같이 타자만 치면 끝날정도로 자세하고 간단히 설명돼 있다. 오늘의 교훈 다시는 공식문서의 외견으로 판단하지 말자... 준비물 git bash ssh 공개키 만들기 코드 참고 사항 : $ 가 있는 라인은 명령어, 없는 라인은 결괏값을 나타낸다. $ cd ~/.ssh $ ls authorized_keys2 id_dsa known_hosts co.. 2023. 2. 9.
[CSS] Grid 활용법 📝 그리드 사용법 그리드 선언 그리드는 display 속성을 사용해 설정할 수 있다. 설정 값에 따라 블록(Block) 그리드와 인라인(Inline) 그리드로 설정 가능하다. 고정 값(px, rem 등) 단위가 먼저 계산된 후, 남은 공간을 사용하여 계산 처리됩니다. 예시) .grid-container { display: grid; /* grid 또는 inline-grid 설정 가능 */ } grid cell 그리드를 선언한 레이아웃 태그 내부에 포함한 자식요소는 grid cell로 변환된다. (자식 요소가 아니면 grid cell이 아닙니다) grid cell에 설정된 float 속성은 적용되지 않는다. 💡 grid cell에 설정된 display 속성은 모두 무시된다. 💡 요소가 아닌 텍스트가 자식으.. 2023. 2. 9.
[HTML] HTML 기본 태그 🤔 블록 레벨 요소와 인라인 요소 블록 레벨 요소 마크업을 할 때 줄이 바뀌는 특성이 있다. 인라인 요소 블록레벨 요소와 달리 줄 바꿈 특성이 없다. 즉, 행이 바뀌지 않고 한 줄로 출력 된다. 블록 레벨 요소와 인라인 요소의 특징 요소 유형 특징 블록 레벨 요소 1. 줄 바꿈이 일어난다. 2. 텍스트와 인라인 요소를 자식 요소로 포함 할 수 있다. 인라인 요소 1. 줄 바꿈이 일어나지 않는다. 2. 텍스트와 인라인 요소를 자식 요소로 포함 할 수 있다. 3. 블록 레벨 요소를 자식 요소로 포함 할 수 없다(예외 : a태그) 📑HTML 기본 태그 P태그 HTML 문서에서 단락(paragraph) 을 정의할 때 사용하는 태그다. 텍스트와 인라인 요소를 포함할 수 있지만 블록 레벨 요소는 포함 할 수 없다... 2023. 2. 8.
[CS] 컴퓨터 구조 🖥 컴퓨터 시스템 구성 하드웨어(Hardware)와 소프트웨어(Software)로 구성. 소프트웨어(Software) 운영체제와 응용 프로그램 같은 우리가 컴퓨터를 틀어서 보는 Window 같은 친구들이 소프트웨어에 속한다. 하드웨어(Hardware) 모니터, 컴퓨터 기억장치, 그래픽카드, CPU 같은 물리적 장치들을 뜻한다. 👨‍🦳 폰노이만 구조 폰노이만 순서도를 최초로 사용했으며, 게임이론을 최초로 제안한 와중에 현 컴퓨터 구조를 만든 슈퍼 천재. CPU, 메모리, 프로그램으로 구성된 현 컴퓨터 구조를 제안. 폰노이만 구조 이전 : 다른 작업을 하려고 할때 마다 스위치 설치, 전선 재배치하여 데이터 전송, 신호 처리를 해줘야 했다. 폰노이만 구조 이후 : 소프트웨어만 교체하면 The End~! 💻 컴.. 2023. 2. 8.