javascript - 12월 31일차

jiin lee·2023년 12월 31일
0

frontend-javascript이론

목록 보기
1/15

multi-line programming

console.log(`Hello world. 
I am learning; 
JavaScript programming. 
Having a great time!`)

//이 경우는 안된다!!
//console.log("Hello world. 
//I am learning; 
//JavaScript programming. 
//Having a great time!")

console.log(`Hello world.\n I am learning; \nJavaScript programming.\nHaving a great time!`)

console.log("Hello world.\n I am learning; \nJavaScript programming.\nHaving a great time!")

comments 주석

  • 단일 행 주석
  • 다중 행 주석
/*  
  The following code outputs the message to the console
  The console will display a line with the text "Hello, JS!"
*/
console.log("Hello, JS!");

//file명 나타낼 때의 주석
/**
* The first program
* Author: Bob  
*/
console.log("Hi, I'm Bob");

JavaScript는 중첩된 주석을 지원하지 않습니다. 즉, 주석 내에서 다른 주석을 작성할 수 없습니다.

variables

변경할 수 있는 값임

자바스크립트에서는 변경할 수 없는 값이 있는 데이터 유형이 있습니다.
그러나 대규모 프로그램에서 데이터와 중간 계산 결과를 저장하는 것이 종종 필요합니다. 이를 위해 변수가 사용됩니다.

let: 값을 변경할 수 있는 변수를 정의합니다.
const: 값을 덮어쓰기를 금지하려는 상수 변수를 선언합니다.

var 키워드를 사용하는 것은 나쁜 습관은 아니지만 새 프로젝트에서는 사용할 필요가 없습니다. 변수를 키워드없이 선언하는 코드도 찾을 수 있습니다.

command line

컴퓨터에서 작업할 때 운영 체제(OS)에게 작업을 수행해 달라고 말해야 할 때가 있습니다. 예를 들어 파일을 열고 싶다면 운영 체제(Windows, Linux 또는 macOS)에게 알려야 합니다. 이러한 운영 체제와 상호 작용하는 두 가지 방법이 있습니다. 하나는 텍스트 기반인 명령 줄 인터페이스(Command-Line Interface, CLI)이고, 다른 하나는 시각적 기반인 그래픽 사용자 인터페이스(Graphical User Interface, GUI)입니다.

OS(운영체제)와 소통하는 두가지 방법

  • 텍스트 기반 : CLI
  • 시각적 기반 : GUI
    명령 줄이란 무엇인가요?
    명령 줄 인터페이스 또는 CLI는 텍스트 명령을 사용하여 운영 체제와 상호 작용하는 방법입니다.
    반면에 그래픽 사용자 인터페이스 또는 GUI는 많은 아이콘과 메뉴를 갖춘 인터페이스를 제공합니다.
    여기에서는 이러한 아이콘이나 메뉴 항목을 클릭하여 운영 체제에 명령을 제공합니다.

과거에는 명령 줄 인터페이스가 컴퓨터와 상호 작용하는 유일한 수단이었습니다.
그러나 간단하고 익숙한 그래픽 인터페이스가 있는 지금, 왜 명령 줄을 사용하나요?
-> 일반적으로 명령 줄 인터페이스는 훨씬 더 유연하고 더 많은 옵션을 제공합니다.
예를 들어 명령을 결합하여 새로운 명령을 만들 수 있습니다.
반면에 그래픽 인터페이스에서는 이렇게 할 수 없습니다.
어떤 소프트웨어는 명령 줄 인터페이스만 제공할 수 있어 사용자가 명령 줄 기본 사항을 알아야 합니다.

또한 명령 줄 인터페이스를 통해 실행되는 프로그램은
명령 언어로 작성될 수 있습니다. 이것은 UNIX 및 UNIX와 유사한 시스템(예: GNU/Linux 및 macOS)에서는 쉘 스크립트라고 하며, Windows에서는 배치 파일이라고 합니다.

모든 운영 체제는 명령 줄 인터페이스를 갖고 있습니다. 응용 프로그램도 갖고 있을 수 있습니다. 또한 현대의 프로그래밍 언어는 대화형 명령 줄 모드를 제공하여 코드를 한 줄씩 실행할 수 있습니다.

명령줄 인터페이스 접근하기

macOS에서는 응용 프로그램 → 유틸리티 → 기타 → 터미널

열면 검은(또는 흰) 창이 나타납니다. 모든 것이 정상이면 명령을 입력할 수 있는 명령 프롬프트가 나타납니다. Windows의 경우 명령 프롬프트는 >로 끝나고, Linux의 경우 $, macOS의 경우 $로 끝납니다. 명령을 실행하려면 해당 명령을 입력하고 Enter 키를 누르면 됩니다.

(base) jiinlee@Jiui-MacBookPro ~ %
C:\Users\name>
-> 현재 디렉토리에 있으며 명령 줄에서 작업할 수 있다는 것을 의미

(base) jiinlee@Jiui-MacBookPro ~ % whoami
jiinlee
-> whoami 명령은 당신이 컴퓨터에서 사용한 사용자 이름을 반환

다음으로, Windows를 사용하면 dir, Linux 또는 macOS를 사용하면 ls를 입력하고 Enter 키를 누르세요. 이 두 명령 모두 현재 디렉토리의 파일과 폴더 목록을 반환합니다. 이는 개발자가 서버에서 작업할 때 특히 많이 사용되는 명령 중 하나입니다.

exit를 입력하면 나갈 수 있습니다. 이 명령은 명령 줄 인터프리터를 종료함. 터미널에서 나갈 수 있음.

  • how to open commnand line interpreter?
    (Windows) cmd
    (Linux/macOS) terminal
    are used to find a command prompt.
  • command language
    (Windows) bacth files
    (Linux/macOS) shell scripts

커맨드에 매개변수가 있는 명령어

가끔 하나의 명령어만 사용하는 것으로는 충분하지 않을 때가 있습니다. mkdir 명령어를 살펴보겠습니다.
이 명령어는 현재 디렉토리에 새 폴더를 만들 때 사용됩니다. 그냥 사용하면 오류가 발생합니다.
터미널은 어떻게 새 폴더의 이름을 지정해야 하는지 알아야 합니다! 여기서 매개변수가 유용합니다. 매개변수는 명령에 추가 정보를 제공하는 것입니다. 간단히 말해 매개변수는 명령이 사용할 수 있는 변수입니다.

mkdir

이제 mkdir 명령에 papers라는 매개변수를 사용하여 새 폴더를 만들어 보겠습니다.

C:\users\student> mkdir papers
현재 디렉토리는 그대로 유지되지만 해당 경로를 따라가면 student 디렉토리에 새 폴더 papers가 생성된 것을 볼 수 있습니다.

이 주제의 모든 예제는 Windows OS를 기준으로 하지만 나열된 명령어는 Linux 및 macOS에도 적용됩니다. Windows에서의 경로 구분 기호는 역슬래시()이지만 Linux 및 macOS에서는 슬래시(/)입니다.

macOS
1. \ -> space 할 때 이용
2. / -> 경로 구분 기호로 사용

cd

이제 위치를 변경하여 방금 만든 폴더로 이동해 봅시다! cd 명령에 papers 폴더의 경로를 매개변수로 사용하세요.

C:\users\student> cd C:\users\student\papers
C:\users\student\papers>

.. -> 상위 디렉토리로 이동

cd 명령의 또 다른 유용한 매개변수는 ... 입니다. 이것은 상위 디렉토리로 이동하는 데 사용됩니다.

C:\users\student\papers> cd ..
C:\users\student>
또한 루트 폴더로 이동할 수도 있습니다. 루트 디렉토리로 이동하려면 / 매개변수를 사용합니다.

  1. 하위 폴더로 이동

    (base) jiinlee@Jiui-MacBookPro-2 ~ % cd poop

2.상위 폴더로 이동

(base) jiinlee@Jiui-MacBookPro-2 poop % cd ..
(base) jiinlee@Jiui-MacBookPro-2 ~ %

pushd /
popd

-> You changed your location to the root directory and then returned

  1. poop2를 poop에 만든 후,
    pushd poop2 stack에 쌓으면서, 이동 -> stack의 top에 위치
    popd 하면서, top을 빼냄(poop2) -> 다음 요소가 top으로(=현재dir로=바로, poop)

    (base) jiinlee@Jiui-MacBookPro-2 poop % mk
    dir poop2
    (base) jiinlee@Jiui-MacBookPro-2 poop % pu
    shd poop2
    ~/poop/poop2 ~/poop
    (base) jiinlee@Jiui-MacBookPro-2 poop2 % p
    opd
    ~/poop
    (base) jiinlee@Jiui-MacBookPro-2 poop %

이렇게 pushd로 디렉토리를 스택에 추가하면서 동시에 그 디렉토리로 이동하고, 나중에 popd로 스택에서 디렉토리를 꺼내와서 현재 디렉토리를 변경할 수 있습니다. 이는 디렉토리 간의 빠른 전환을 도와주는 유용한 기능 중 하나입니다.

도움말 매뉴얼

help on Windows and
man on Linux/macOS.

bash란 무엇일까?

간단히 말해, bash는 리눅스 및 유닉스 환경에서 명령어를 실행하고 스크립트를 작성하는 데 사용되는 셸 프로그램

  • macOS에서도 bash 사용 가능할까?
    맥(Mac) 운영 체제에서도 bash는 흔히 사용됩니다.
    기본적으로 맥은 Bash를 포함하고 있으며, 사용자 및 시스템 관리 목적으로 Bash 스크립팅을 수행할 수 있습니다.
    macOS는 Unix 기반의 운영 체제이며, 이에는 다양한 Unix 명령어 및 셸 스크립팅 기능이 포함되어 있습니다.

맥 터미널(Terminal) 애플리케이션을 열면 기본적으로 Bash 셸이 실행되며,
사용자는 명령어를 입력하고 Bash 스크립트를 실행할 수 있습니다. 또한, 다른 셸 환경을 사용하고자 하는 경우에는 사용자가 원하는 셸로 변경할 수도 있습니다.

예를 들어, macOS에서는 Bash의 새로운 버전인 Zsh (Z Shell)도 기본으로 제공되며, 사용자는 터미널 환경에서 Zsh를 사용하도록 설정할 수 있습니다. 하지만 여전히 많은 사용자가 Bash를 계속 사용하고 있습니다.

따라서, macOS에서도 bash는 여전히 유효한 셸 프로그램이며, 터미널을 통해 다양한 명령어 및 스크립트를 실행할 수 있습니다.

  • 터미널 zsh shell에서 작동시켜본 스크립트

(base) jiinlee@Jiui-MacBookPro ~ % fileName=$1

if [ -f "$fileName" ]; then
echo "File exists."
else
echo "File does not exist."
fi
File does not exist.

profile
creative engineer

0개의 댓글

관련 채용 정보