영어강사 개발일기

6.0 조건문이란?프로그램의 흐름을 조건에 따라 분기시키는 구문특정 조건을 검사하여 그 결과에 따라 다르게 실행되는 코드를 작성 6.1 if, else, else if문6.1.1 if 문if 뒤에 오는 소괄호 안의 조건식이 참일 시 중괄호 안의 코드를 실행하는 조건문숫자, 문자열, undefined, null을 사용하더라도 무조건 참 혹은 거짓으로 평가 형식if (조건식) { // 조건이 참일 때 실행되는 코드} 예제 let num = 10;if (num > 5) { console.log("num은 5보다 큽니다."); // 조건이 참일 때 실행}6.1.2 else 문if 문이 참이 아닐 때 다음 조건식인 else 내부 코드가 실행되는 블록문else문은 if 문 없이 단독으로 사용이 불가하며 하나의..

5.0 연산자(Operator)란?변수나 상수에 데이터를 할당 시 '='를 사용하듯, 연산을 처리하는 데 사용하도록 미리 정의된 기호let num = 10;5.1 산술연산자수학 연산을 수행하는 연산자를 뜻함자바 스크립트에서 사용 가능한 산술 연산자 종류:이항 산술 연산자단항 산술 연산자단항 부정 연산자5.1.1 이항 산술 연산자두 개의 피연산자(값)에 대해 연산을 수행연산자설명 예시 결과+더하기5 + 38-빼기5 - 32*곱하기5 * 315/나누기5 / 22.5%나머지5 % 21**거듭제곱(ES6)2 ** 38let a = 5;let b = 2;// 이항 산술 연산자console.log(a + b); // 7console.log(a - b); // 3console.log(a * b); // 10co..

프로그램을 설치하려면 .exe 파일을 많이 접해 보았을 것이다. 해당 파일에서 꼭 나타나는 숫자 ( 예)1.0.52).exe 파일에서 1.0.52처럼 보이는 숫자는 버전 번호(Version Number)이다. 이 숫자는 보통 다음과 같이 구성됨[주버전].[부버전].[패치버전] 예를 들어 1.0.52라면:1 → 주버전 (Major version)→ 큰 기능 변화나 구조 변경이 있을 때 증가0 → 부버전 (Minor version)→ 기능이 추가되거나 성능이 개선될 때 증가52 → 패치 버전 (Patch version)→ 버그 수정이나 보안 패치가 있을 때 증가즉, 버전 번호는 해당 프로그램이 몇 번째 수정·업데이트 되었는지를 나타내는 일종의 프로그램 이력표 깃에서도 매 수정할 때마다 버전을 생성하여 이전 ..

저장소(repository):깃을 사용하려면 깃으로 버전 관리 하는 폴더안에 버전이 저장되는 공간이 필요3.1 깃 저장소 만들기깃을 실행후 C 드라이브에 저장소를 만들어 보자 pwd를 사용하여 지금 내가 어디에 있는지 확인후 C 드라이브로 이동 하여 directory(Git_tutorial)을 생성해보자 3.2 생성한 디렉터리의 내부 확인 하기 화면에 나타난 결과들을 정리하고해당 디렉터리 내부에 들어가서숨김 폴더를 포함한 모든 데이터를 확인 해 보자 ./은 해당 디렉터리를 나타내고 ../은 상위 디렉터리 다시말해 C를 나타냄방금 막 디렉터리를 생성하였기에 어떠한 파일도 없다. 3.3 저장소 만들기해당 디렉터리에 저장소를 만들기 위해 git init 입력깃을 사용하기 위해 초기화 시작 후 어떠한 변화가..

자 이제 깃은 설치 와 로그인까지 완료 했으니 간단한 리눅스의 명령어를 확인해 보려고 한다. git bash를 실행 하도록 하자2.1현재 디렉터리 살펴보기 dir 디렉터리(directory)란? 윈도우에서 파일을 여러개 모아 두기 위해 폴더를 생성한다.이를 리눅스에서는 디렉터리라 하고 dir 라고 쓴다.위에 그림에서 보듯 맨 마지막에 ~ 이라고 표시 되어 있는데 이는 현재 위치가 홈 디렉터리에 있음을 나타낸다. 2.2 PWDpwd는 print working directory 의 약자로 현재 내가 어디에 있는지를 나타낸다. 2.3 lspwd로 현재 디렉터리가 어디인지 확인 했으면 해당 디렉터리에는 어떠한 파일이나 디렉터리가 있는지 확인을 해야 한다. 이 명령어를 ls 라고 하고 list 의 약자이다. ..

1.0 지옥에서 온 문서 관리자? 깃!2005년 리누스 토발즈는 깃을 지옥에서 온 문서 관리자 라고 소개 했다. 그가 말하는 지옥은 수십년간 약 1만명이 넘는 엔지니어들이 오픈 소스 방식으로 소스코드를 작성한다면 그곳은 가히 문서 지옥이라 할 수 있겠다. 이러한 지옥에서 태어난 소프트웨어가 리눅스이며 이러한 지옥같은 작업 환경을 벗어나기 위해 만든 시스템이 깃이라고 한다. 이러한 깃을 통해 개발자들은 수많은 소스코드를 효율적으로 관리 하기시작 하며 오늘날 리눅스 뿐만 아닌 많은 소프트웨어 소스 코드를 깃을 통해 관리 하고 있다. 1.1 깃으로 무엇을 할 수 있을까?깃이 제공하는 핵심 기능:버전 관리백업협업1.1.1 버전 관리 하기 문서를 작성 후에도 수정할 일이 발생한다. 원래 내용도 남기고 저장 해..

지금까지 폼 요소를 활용하는 방법을 알아봤고 더 나아가 준비한 J.S_DOM 의 과정이 끝이났다. 다음 파트부터는 프로젝트를 진행 할 예정이지만 해당 폼요소를 활용한 예제를 고민 고민 하다가 해당 요소들을 활용하는 회원가입창을 만들어보려고 한다. 8-1.1 회원 가입폼에는 어떠한 입력 항목들이 필요할까?입력 항목설명 및 비고사용 예정 폼 요소 이름*사용자의 이름 ( 필수 입력 )아이디*로그인할 때 쓸 고유 아이디 ( 중복 확인 가능 )닉네임사이트 내 표시용 (미지정시 자동생성 형용사+명사)이메일*연락 가능한 이메일 주소 ( 이메일 형식 검사 필요 )비밀번호*로그인용 비밀번호 ( 보안 위해 최소 길이 등 조건 필요 )비밀번호 확인*비밀번호 재입력 ( 정확히 일치하는지 확인 )성별*남성/여성/기타 선택 (..

8.0 폼 요소란 무엇인가8.0.1 폼 요소 기본 개념웹 페이지에서 사용자가 정보를 입력하거나 선택할 수 있도록 만든 HTML 태그예) 회원가입 할 때 이름을 입력하거나, 성별을 선택하거나, 비밀번호를 입력하는 칸8.0.2 자주 쓰이는 폼 태그 종류 : 글자 입력, 비밀번호, 체크박스, 라디오 버튼 등 다양한 타입을 지원 : 여러 항목 중 하나를 선택하는 드롭다운 메뉴 : 여러 줄 글자 입력란 : 버튼 (폼 제출, 리셋, 또는 일반 버튼) 8.0.3 폼 요소의 역할과 중요성폼 요소는 사용자와 웹사이트가 정보를 주고받는 통로회원가입, 로그인, 설문조사, 댓글 작성 등 사용자 입력이 필요한 모든 곳에 사용자바스크립트를 통해 이 폼 요소의 값을 읽거나 바꾸거나, 제출할 때 동작을 제어 가능8.1 입력 값 읽..

7.0 이벤트란 무엇인가button id="btn">클릭button>script> // 버튼 클릭 시 경고창 띄우기 document.getElementById('btn').addEventListener('click', function() { alert('버튼이 클릭되었습니다!'); }); // 페이지 로드 완료 시 콘솔 출력 window.addEventListener('load', function() { console.log('페이지가 완전히 로드되었습니다.'); });script>7.1 자바스크립트에서 이벤트를 처리하는 방법7.1.1 HTML 태그 속성에 직접 지정button onclick="alert('버튼이 클릭되었습니다!')">클릭button>7.1.2 DOM 프로퍼티로 지정..

7.0 이벤트란 무엇인가7.0.1 이벤트의 정의 이벤트(Event)란 브라우저나 사용자가 페이지에서 일으키는 특정 사건을 의미.예: 버튼 클릭, 마우스 이동, 키보드 입력, 페이지 로드 등. 7.0.2 이벤트 발생 시점과 종류 사용자 행동 기반: 클릭, 키 입력, 스크롤 등.브라우저 동작 기반: 페이지 로드 완료, 창 크기 변경, 네트워크 상태 변화 등 7.0.3 브라우저와 이벤트 흐름 이벤트는 문서 최상위(document)에서 시작해, 요소를 타고 내려가거나 올라감.흐름: 캡처링 → 타깃 → 버블링 사용자 또는 브라우저가 어떠한 행도을 했다라는 신호자바스크립트는 이 신호를 감지하고 원하는 동작(함수)을 실행 하게 할 수 있음 7.1 자바스크립트에서 이벤트를 처리하는 방법이벤트를 다루는 방식:HTML 태..