분류 전체보기

터미널 명령어 정리 (Window powershell)

Window powershell 7.2.1 기준 터미널 명령어 정리  *powershell은 cmd와 달리 운영체제 모든 터미널에 접근할 수 있어서 좋다.  사용자 메뉴얼 명령어man {명령어} Manual 약자어떤 옵션들이 있는지 보고 싶을 때 사용get-help와 역할 동일설명에서 나가고싶으면 '단축키 q' 를 누르면 된다.ex) man clear => clear에 대한 설명 나옴  clear터미널 내용 지우기   파일 시스템 탐색 명령어pwdPrint Working Directory 약자현재 나의 경로를 알 수 있음 lslist의 약자현재 경로에 어떤 파일과 폴더가 있는지 목록을 확인할 수 있음 특정 폴더 안 내용 보고싶으면 'ls {경로}' 또는 'ls {폴더}'-name : 이름만 보고 싶을 때..

웹 프론트(4) - HTML tag

이번 시간에는 기본적인 HTML tag를 알아볼 것이다.  제목 Tag크기에 따라 ~으로 나뉜다. 본문 Tag : 단락 or 문단 : 형식화된 텍스트 : 줄바꿈 수행그 외에 등이 있다  글자 Tag : 볼드체 : 이탈릭체: 문장을 위로: 문장을 아래로: 밑줄 : 취소선  링크 Tag : 하이퍼 링크의 역할을 수행href(Hypertext Reference) 속성 : 웹 사이트 주소를 정한다.target 속성 : 링크를 클릭했을 때, 해당 페이지를 어떻게 열 지 정한다._self: 현재 탭에서 링크를 연다_blank: 새 탭 or 새 창에서 링크를 연다.'상추의 tistory'를 누르면 새 탭에서 href 속성에 지정한 주소로 이동한다.   이미지 Tag : 이미지 넣고 싶을 때 사용 (종료 태그가 없다..

HTML & CSS 2022.01.09

웹 프론트(3) - HTML 구조

HTML 구조 다음은 기본적인 html 코드이다. 뭐가 뭔지 모르겠어도 한번 직접 분석해보자. Hello world! 크게 보면 태그 안에 , 로 나뉘어져 있다. 대체적으로 태그들이 열고 닫는 형태임을 볼 수 있다. 태그 처럼 그냥 혼자로만 닫는 태그(self-closing tag)도 있다. 몇몇 태그에는 부가적으로 속성이 있는걸 볼 수있다. 예를 들어 태그는 이렇게 lang이라고 부가적으로 붙는 게 있다. 이런걸 속성(attribute) 라고 부른다. 코드를 순서대로 분석해보자면 : '이것은 html문서다!' 라고 알려주는 역할이다. 첫 라인에 필수적으로 넣어준다. : html코드의 시작점. lang속성은 검색엔진에게 주된 사용언어를 알려준다. (한국어: ko, 영어: en, 일본어: jp ...) :..

HTML & CSS 2022.01.08

Github 잔디가 안심어지는 현상

organizations로 협업하는데 여기 repository에서만 commit하고 push를 하면 잔디가 안심어지는 현상이 일어났다. 먼저 내가 해결책을 찾는 과정은 이랬다. 1. 프로필에 있는 Contribution settings에 Private contributions가 체크 되어있는가? 이것이 체크 안되어있으면 Private가 되어있는 repo는 잔디가 안심어진다. 하지만 나는 여기에 있는 두개 다 체크를 해봐도 해결되지 않았다. 2. git repository email주소와 local email 주소가 같은가? 확인해보니 같았다... 다르면 심어지지 않는다. 3. 아래 방법은 fork한 repo에서도 잔디를 심을 수 있게 해주는 방법이다. 나는 fork한 repo가 아니지만 일단 해보았다. ..

웹 프론트(2) - 웹사이트를 구조화하는 연습을 하자

웹사이트 구조 우리들이 흔히 보는 웹페이지는 이런 식으로 구성되어있다. (물론 무조건 aside가 무조건 있고 footer가 있는 건 아니다. 대략 이런식으로 구성되어 있다) 밑에 예시를 보자 대충 맨 위 색깔과 맞춰서 구분지어 놨다. 여기서 더 분할할 수 있고, 정답은 없다. 뭐든지 box model로 세분화해서 나눠보는 연습을 하는게 좋다. 여기서 box는 sectioning이 되는 것을 말한다.

HTML & CSS 2022.01.06

웹프론트(1) - HTML/CSS/JS 의 정의 및 역할

웹사이트는 text 파일이 만든다.text 파일이 브라우저에게 코드를 전달하고, 브라우저가 그 코드를 이해하고 구현해서 사용자에게 출력하는 것이다.웹사이트(프론트)를 만들 때 사용되는 언어는 HTML, CSS, Javascript가 있다.  HTML이란?HTML은 HyperText Markup Language 의 약자로 말 그대로 '컨텐츠의 구조를 정의하는 마크업 언어'이다.컨텐츠(내용)에 태그(마크)를 씌워 구조를 구분하여 정의한다.브라우저는 멍청해서 사람들이 사용하는 언어를 이해 못한다. 즉, 우리의 웹사이트/Content를 이해 못한다.우리가 해야 할 일은 브라우저에게 Content가 무엇인지 알려주는 것이다. (ex. title은 무엇이고, link가 무엇이고, 이건 이미지, 제목이야 등등...)..

HTML & CSS 2022.01.06