1. 자바스크립트에서의 배열 2. 배열 기본 메서드 2-1. isArray 2-2. indexOf 2-3. includes 2-4. push, pop, unshift, shift 2-5. slice 2-6. Splice 2-7. split, join 2-8. concat 1. 자바스크립트에서의 배열 자바스크립트에서 배열의 타입은 객체다. 그러나 다른 객체와 달리 배열은 값의 순서가 있고 length 프로퍼티가 있다는 점에서 독특한 객체다. 값의 순서가 있기 때문에 인덱스로 참조할 수 있고 순차적으로 값에 접근하기 적합하다. 2. 배열 기본 메서드 배열에는 원본 배열을 직접 변경하는 메서드와 원본 배열을 직접 변경하지 않고 새로운 배열을 생성해 반환하는 메서드가 있다. 전자는 mutator method, ..
1. 왜 여전히 CLI를 쓸까? 지금은 GUI가 잘 발달해 있어서 CLI를 쓸 줄 몰라도 컴퓨터를 사용하는 데 아무런 문제가 없다. 그렇지만 대규모의 서버를 운영해야 할 경우 CLI를 이용하면 각각의 컴퓨터에 모두 I/O소스(모니터, 키보드, 마우스 등)를 장착하지 않고도 많은 컴퓨터를 조작할 수 있다. 2. CLI 명령어 pwd: 현재 위치 확인하기 mkdir: 새로운 폴더 생성하기 ls: 특정 폴더에 포함된 파일이나 폴더 확인하기 ls -l: 폴더나 파일의 포맷을 전부 표현 ls -a: 숨어있는 폴더나 파일을 포함한 모든 항목을 출력. d로 시작하면 폴더, -으로 시작하면 파일이다. ls -al 또는 ls -la로 조합해서 사용할 수 있다. cd: 폴더에 진입하기 touch: 파일 생성하기 cat: ..
지난 시간에 이어 오늘은 자바스크립트로 계산기 기능을 구현하는 실습을 진행했다. 엣지 케이스(Edge case)와의 전쟁 계산기를 사용할 때 사용자들이 1 + 1 = 2 처럼 정직한 계산만 시행하면 좋겠지만 실생활에서는 수많은 방식의 예외적인 사용법들이 실행된다. 예컨대 한번만 입력해야 하는 소수점을 여러 번 누를 수도 있고 더했다 뺐다 나눴다 하는 연속적인 연산을 여러 번 해야 할 수도 있으며 10+0.1을 하고 싶을 때 +를 누른 다음 바로 소수점을 눌러서 0.1을 만들고 싶을 수도 있다. 이처럼 일반적인 시나리오와는 다른 예외적인 상황을 엣지 케이스라고 부른다. 계산기는 정확한 결과값을 내는 것이 기능의 전부라고 할 수 있는 만큼 엣지 케이스를 철저하게 처리하는 것이 중요하다. 특히나 어려웠던 엣지..
페어님이 반복문 연습을 위해 추천해 주신 별 찍기! 1. 왼쪽 직각삼각형 * ** *** **** ***** let star = ''; for(let i=1; i
1. 조건문 1-1. if ... else문 1-2. switch문 2. 반복문 2-1. for문 2-2. while문 3. 함수 3-1. 함수 정의 3-2. 함수 호출 1. 조건문 조건문은 주어진 조건식이 참인지 거짓인지에 따라 실행할 코드 블록을 지정하는 것이다. 자바스크립트의 조건문으로는 if ... else문과 switch문이 있다. 1-1. if ... else문 if(조건식) { // 조건식이 참일 때 실행할 코드 블록 } else { // 조건식이 거짓일 때 실행할 코드 블록 } if ... else문에 조건을 추가하기 위해서는 else if를 사용한다. if(조건식) { // 조건식1이 참일 때 실행할 코드 블록 } else if{ //조건식2가 참일 때 실행할 코드 블록 } else { ..
오늘은 내가 만든 결과물을 자랑하면서 시작! 어제 배운 CSS flex를 활용해 계산기 목업 만들기에 도전했다. 처음에는 그냥 맥북 기본 계산기를 따라서 만들었는데 크루님이 지난 기수에서 만든 계산기를 보여주시면서 약간 디자인 경쟁(?)이 붙었다 ㅋㅋ 결과적으로 여러 학생들의 다양한 디자인의 계산기가 탄생해 영감을 받는 계기가 되었으니 계산기 대축제는 좋았던 것으로👍 내가 만든 계산기는 윈도우 1.0 시절의 계산기를 본따서 만들었다. 정말 유행과 감성이라는 것은 돌고 도는 것인지 근 40년 전의 계산기가 이렇게나 힙하고 예뻐 보일 일인지! 계산기 목업 제작 어려웠던 점 처음에 애를 먹었던 것은 flex의 각 속성들에 대한 이해가 부족한 것 때문이었다. 너무 여러 속성과 그 속성값이 있다 보니 완전히 익히..
