단단히

CLI란 Command-Line Interface의 약자이다. 명령어를 입력해 컴퓨터를 조작하는 방식을 말하는 것이다. 직접 문자를 입력하는 인터페이스! CUI(Character User Interface)라고도 부른다. 이와 조금 다른 방식으로 GUI가 있다. GUI란?? GUI는 Graphical User Interface의 약자이다. windows, macOS, Linux 등 운영체제에서 사용자가 화면을 통해 컴퓨터와 소통하는 방식이다. 이 방식은 말 그대로 그래픽을 사용한 것이다. 아이콘을 클릭하여 프로그램을 작동시키는 환경을 말하는데 윈도우의 화면 자체가 GUI라고 생각하면 된다. "구이"라고 부르기도 한다. CLI는 GUI가 개발되기 전부터 사용하던 방식이기에 GUI로 할 수 있는 실행 명령은..

JS(JavaScript)에는 prompt()라는 메서드가 있다. 구성하는 코드에 따라 다르겠지만 기본 prompt() 메서드는 화면이 로드되면서 화면 상단에 prompt창을 띄우는 작업을 한다. prompt() prompt()를 간단하게 알아보자. 위와 같은 창을 띄우기 위해서는 짧은 한 줄의 코드만 있으면 된다. let age = prompt("나이를 적으세요"); 하지만 prompt()메서드 사용빈도가 준 이유는 이 창의 값이 전달되기 전까지 화면의 다른 JS / HTML / CSS가 멈추기 때문이다.

위 이미지와 같이 회원가입 시 약관 동의 페이지가 나온다. 이때 생각보다 많은 기능이 들어가 있다. 기능을 살펴보자. 1. "모두 동의" 체크박스를 누르면 개별 체크박스가 모두 선택되어야 한다. 2. 모두 동의 상태에서 하나의 개별 체크박스 해제 시 "모두 동의" 체크박스는 비활성화가 되어야 한다. 3. "개별"의 체크박스가 모두 선택되면 "모두 동의" 체크박스가 활성화된다. 4. 필수 동의 체크박스가 체크가 안되었다면 경고창 띄우고 체크 상태에서 버튼을 누르면 이동한다. 이렇게 체크박스끼리 서로 상호작용할 수 있도록 만들어야 한다. 이때 javascript와 javascript Librery인 jQuery를 사용해서 만들 수 있다. html 우선 약관 영역은 3가지로 표현이 가능하다. 1. textar..

prompt 요즘에는 잘 사용하지 않는 prompt창이 있다. 로딩을 하면 나오는 알림 창인데, 이렇게 팝업창으로 나온다. 요즘에 사용하지 않는 이유는 크게 2가지가 있다. 우선 팝업창 설정이 되어있으면 나오지 않는다. 프롬프트에 입력을 하지 않으면 값이 전송되지 않아 진행이 안될 수 도 있다. 두 번째는 CSS적용이 안된다. 브라우저에서 제공하는 디자인 그대로 사용하기 때문이다. const name = prompt("이름을 적으시오"); console.log(name); 타입 변환 타입 알아보기 const myName = prompt("이름을 적으시오"); console.log(typeof myName); 타입을 알아보기 위해서 typeof 키워드를 사용하면 된다. string >> number str..

함수 function은 특정 기능을 캡슐화해서 사용한다. 이 캡슐화된 함수가 그저 어떤 기능을 수행하는 것이 아니라 일을 수행하고 그 기능을 알려주는 것이라고 생각해보자! 그저 수행되고 그곳에서 바로 출력되는 것보다는 더 많은 활용을 가져온다. 결과를 돌려주는(return) 기능, return키워드이다. const age = 96; function calculateKrAge(ageOfForeigner) { return ageOfForeigner + 2; } //함수가 어떤 기능을 수행하는 것이라고 생각하기보단 //함수는 어떤 일을 수행하고 그 결과를 알려주는 것이라 생각하자. const KRAge = calculateKrAge(age); console.log(KRAge); 위와 같이 function 안쪽..

object에서 배웠을 때 xxx.xx의 패턴을 배웠다. 앞쪽(xxx) 부분은 object란 뜻이고 그 안에(xx) 들어있는 것을. xx로 가져온다는 것. 하지만 아직까지 차이점이 있다. console.log(... )는 뒤에 소괄호와 안쪽(값)이 들어있다. 그 이유는 functions이라서 그렇다. functions을 만드는 법을 배워보자. functions function은 반복 하서 사용할 수 있는 코드 조각(코드 캡슐화)이다. 특정값을 넣으면 일정한 반환 값이 오는 틀을 미리 만들어놓는 것이다. (코드의 반복을 줄이는 것) 예를 들어 이름을 넣으면, " HI, ㅇㅇㅇ "라고 출력되도록 말이다. 기본 function 구조 function 함수명(){ } 간단한 function() function h..