본문 바로가기

부트캠프교육중301

[Ubuntu] 명령어1 #우분투실행하기 ctrl + alt + t # 프롬프트(Prompt) 검은 화면이 터미널. 터미널은 CLI(Command-Line Interface)입니다. 키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간을 프롬프트(Prompt)라고 합니다. 폴더 또는 파일의 이름에 공백이나 특수문자가 있으면, 백슬래시(\)를 이용해 적용한다. # pwd (print working directory): 현재 위치 확인하기 현재 작업중인 폴더의 위치를 출력한다 여기서 말하는 디렉토리(directory)는 폴더라고 합니다. # mkdir (make directories) :새로운 폴더 생성 mkdir + (생성할폴더의 이름) mkdir helloWorld # ls (list) : 특정 폴더에 포함된 파일이나 폴더 확.. 2022. 12. 28.
Command Line Interface CLI (Command Line Interface) GUI가 없는 서버 컴퓨터를 어떻게 다룰 수 있었을까요? CLI를 이용해 서버 컴퓨터로 접속을 요청하면, 서버 컴퓨터는 요청한 컴퓨터의 출력 소스(모니터)를 이용합니다. 입력 소스(Input source): 입력을 담당하는 키보드나 마우스 키보드나 마우스 외에도 카메라나 마이크 등 컴퓨터에 새로운 명령을 전달하는 모든 소스가 입력 소스입니다. 입력 소스에 의해 또는 작성된 프로그램에 의해 모니터에 화면을 나타내거나, 음악을 재생하면 소리를 스피커로 전달하여 사용자가 인식할 수 있도록 하는 일을 출력(Output)이라고 합니다. 시각적 출력을 담당하는 모니터나 청각적 출력을 담당하는 스피커를 출력 소스(Output source)라고 합니다. 모니터나 스피.. 2022. 12. 28.
[CSS] Flexbox flexbox로 레이아웃을 구성한다는 것은 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법 # display: flex는 부모박스요소에 적용해, 자식박스의 방향과 크기를 결정하는 레이아웃 구성방법 요소들은 별다른 설정을 해주지 않으면 위쪽에서부터 세로로 정렬, 가로로 넓게 공간을 차지한다. 부모요소인 요소에 display: flex; 작성하니 자식요소인 요소들이 왼쪽부터 가로로 정렬된것이다. 즉 Flexbox 속성을 활용하면 요소의 정렬, 차지하는 공간을 설정해줄수있다. 1. flex-direction : 정렬 축 정하기 부모 요소에 설정해주는 속성으로, 자식 요소들을 정렬할 정렬 축을 정합니다. 아무 설정도 해주지않으면 기본적으로 가로 정렬을 합니다. 2. flex-wrap : 줄 바꿈 설정하기 하.. 2022. 12. 23.
레이아웃 레이아웃: 각각의 요소를 목적에 맞게 배치하는 것 1.와이어프레임 와이어프레임: 웹 또는 애플리케이션을 개발할때 레이아웃의 뼈대를 그리는 단계 와이어프레임은 말 그대로 "와이어로 설계된 모양"을 의미 와이어프레임의 가장 큰 목적은 화면의 영역을 구분하는일이다! 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도 전환 효과나, 애니메이션, 사용자 테스트 같은 스타일링 요소나 UX(사용자 경험, User Experience)를 판단하는 것이 아닙니다. #목업 (Mock-up) 대부분의 산업에서 목업은 실물 크기의 모형을 뜻합니다. 목업은 실제 제품이 작동하는 모습과 동일하게 HTML 문서를 작성합니다. 예를 들어, 트윗 작성자, 트윗.. 2022. 12. 23.

티스토리툴바