전체 글 (22) 썸네일형 리스트형 [js_03] 변수형과 자료형 (3) ※ 디지털 스마트 부산 아카데미 내용입니다. 3. 자바스크립트의 자료형 1️⃣ 자료형(data type)이란 프로그램에서 처리하는 자료의 형태 (예) 3을 숫자로 처리할지, 문자로 처리할지 자료형, 자료 유형, 데이터 타입 등으로 부름 자바스크립트 자료형은 크게 ‘원시형’과 ‘객체’로 나눔 원시형(primitive type) : 하나의 값만 가지고 있는 자료형. 객체(object): 원시형 외의 모든 자료 2️⃣ typeof()함수 자바스크립트 안에 미리 만들어져 있는 함수로, 괄호 안에 값이나 변수를 넣으면 어떤 자료형인디 알려준다. typeof("안녕하세요") #string let data = 5 typeof(data) #number ex ) console.log('I\'m studying now').. [js_02] 변수와 자료형 (2) ※ 디지털 스마트 부산 아카데미 내용입니다. 2. 변수부터 익히자 1️⃣ 변수 이름 정하는 규칙 자바스트맂트는 영문자의 대소문자를 구별한다. -> current, Current, CURRENT // 모두 다른 변수 한 단어로 이루어진 변수를 사용할 때에는 주로 소문자를 사용한다. -> current, age, sum 2️⃣ 변수에 선언 및 할당 변수 선언 : 키워드 let이나 const다음에 변수 이름을적어서 변수를 선언한다. let 변수명; const 변수명; const는 상수를 위한 예약어. 프로그램 안에서 바뀌지 않는 값(상수)을 변수에 담아 놓고 사용함. 변수에 값 할당 : 변수 오른쪽에 = 기호를 붙이고 오른쪽에 저장한 값이나 식을 작성한다. 변수명 = 값 또는 식; 변수 선언과 값 할당을 동시.. [js_02] 변수와 자료형 (1) ※ 디지털 스마트 부산 아카데미 내용입니다. 1. 입력과 출력 방법 1️⃣ alert() 함수 알림 창 표시 (앨럿 창이라고도 함) alert() 함수의 괄호 안에 메시지를 입력하거나 변수를 사용 알림 창에 텍스트나 변숫값 표시 alert("안녕하세요") a = 10 alert(a) 2️⃣ confirm() 함수 확인 창 표시 (컨펌 창이라고도 함) [확인] 버튼과 [취소] 버튼이 있어서 사용자가 어떤 버튼을 클릭했는가에 따라 다르게 동작하도록 할 수 있다 . confrim("종료하시겠습니까?") 확인 창에서 [확인] 버튼을 누르면 - 결과값 true 확인 창에서 [취소] 버튼을 누르면 - 결과값 false 결과값을 확인하면 사용자가 [확인]을 눌렀는지 [취소]를 눌렀는지 알 수 있다. [확인]인지 [취.. [js_01] 시작하기 ※ 디지털 스마트 부산 아카데미 내용입니다. 프레임워크란 소프트웨어를 개발하는 구조나 틀을 제공하는 소프트웨어 환경이다. 1. 콘솔창에서 자바스크립트 사용하기 mac [option]+[command]+[J] window [ctrl]+[shift]+[J] 2. 간단한 자바스크립트부터 시작하기 자바스크립트 처리기는 웹 브라우저 안에 포함되어 있기 때문에 자바스크립트 소스는 웹 문서에 작성하면 웹 브라우저가 해석함. 자바스크립트 소스는 웹 문서 안에 직접 작성할 수도 있고, 자바스크립트 소스만 따로 파일로 저장해서 서로 연결해서 사용할 수도 있다. 1️⃣ 인라인 스크립트 HTML 태그 안에 직접 작성하는 자바스크립트 팝업 창을 열고 닫거나, 알림 메시지를 표시할 때처럼 간단한 명령을 처리할 경우 자주 사용 e.. [git_07] 협업하기 ※ 디지털 스마트 부산 아카데미 내용입니다. github의 공개 저장소는 주소만 알면 누구나 접속하여 소스를 확인하고 내려받을 수 있다. 하지만 소스를 수정하고 commit, push는 공동작업자에 추가해줘야 한다. 1. 팀장 : github 리파지토리 생성 리파지토리를 이름을 입력하고, Add a README file 항목에 체크, Add .gitignore는 python을 선택하여 생성해주자.\ 생성된 라퍼지토리를 확인한다. 2. 팀장 : 팀원 초대 Settings -> Access -> Collaborators 를 선택하고, Add people 버튼을 클릭한다. 추가할 팀원의 아이디를 검색하고 선택한다. Add XXX to this repository 버튼을 클릭한다. 3. 팀원 : 확인메일 수락처.. [git_06] branch ※ 디지털 스마트 부산 아카데미 내용입니다. 1. 브랜치 목록보기 git branch 2. 브랜치 생성 git branch test01 3. 브랜치 이동 git switch test01 4. 브랜치에서 작업 후 완료 git add . git commit -m "브랜치에서 작업완료" 5. 커밋 내용확인 git log --graph --all git log --oneline --graph --all 6. 브랜치에서 병합(main에서 작업해야함) git merge 브랜치명 7. 충돌내용 처리 후, 커밋까지 처리 git add . git commit -m "test01 병합" 8. 브랜치 충돌 - 각각 다른 브랜치에서 같은 파일을 편집한 경우 git merge -> 충돌내용 수정 후 -> 다시 add, comm.. [git_05] reset ※ 디지털 스마트 부산 아카데미 내용입니다. github push 이전으로 되돌리기 git log git log --oneline git reset --soft 커밋아이디 1️⃣ soft 커밋을 취소하지만 스테이징 영역에는 그대로 남겨둡니다. 워킹 디렉토리의 변경 사항은 그대로 유지됩니다. 스테이징 영역의 변경 사항은 그대로 유지됩니다. 커밋 기록은 변경되지 않습니다. 2️⃣ mixed 커밋을 취소하고 스테이징 영역을 비웁니다. 워킹 디렉토리의 변경 사항은 그대로 유지됩니다. 스테이징 영역은 비워집니다. 커밋 기록은 변경되지 않습니다. 3️⃣ hard 커밋을 취소하고 스테이징 영역과 워킹 디렉토리를 모두 이전 상태로 되돌립니다. 워킹 디렉토리의 변경 사항은 모두 삭제됩니다. 스테이징 영역은 비워집니다. .. [git_04] git clone/ pull/ .gitignore 파일 ※ 디지털 스마트 부산 아카데미 내용입니다. ※ 개인 학습용 글입니다. 궁금한 점이나 수정사항이 있을 시 댓글을 달아주세요. 1. git clone mac의 경우 window처럼 따로 C드라이브를 같은 파일을 사용하는 것이 좋다. finder > Mscintosh HD > User(사용자) > Home(사용자 이름) 으로 들어가서 repository이름과 같은 이름의 파일을 생성한다. 어떤 파일에 repository 가 clone 되었는 지 헷갈릴 수 있기 때문에 이름을 같게 하는 것이 편리하다. 이제 이미 github 리퍼지토리가 있고, 코드 복사만 하면 될 경우 1️⃣ vscode 터미널 창을 연다. 어차피 vscode에서 작업할 것이기 때문에 vscode 터미널 창을 이용하는 것이 편하다. 상단바에.. 이전 1 2 3 다음