LEO Devlog LEO Devlog

Array​..slice() slice() 메소드는 start부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다. 즉, 원본 배열은 수정되지 않는다. slice(start, end) start: 추출 시작점에 대한 인덱스. undefined인 경우: 0부터 slice 음수를 지정한 경우: 배열의 끝에서부터의 길이. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출한다. 배열의 길이와 같거나 큰 수를 지정한 경우: 빈 배열을 반환한다. end: 추출을 종료할 기준 인덱스. (end를 제외하고 그 전까지의 요소만 추출.) 지정하지 않을 경우: 배열의 끝까지 slice 음수를 지정한 경우: 배열의 끝에서부터의 길이. slice(2, -1)를 하면 세번째부터 끝에서 두번째 요소까지 추출 배열의 ..

mutable / immutable 1. mutable 변할 수 있다는 뜻 참조타입 해당 데이터 주소를 찾아서 값을 변경함 2. immutable 불변, 변할 수 없다는 뜻 원시타입 해당 데이터 주소와 별개의 새로운 주소에 값이 할당 타입과 메소드 mutable / immutable 자바스크립트 문자열은 변경 불가능한 값(immutable value) 'primitive values' 라 한다. (변경이 불가능하다는 뜻은 메모리 영역에서의 변경이 불가능하다는 뜻이다. 재할당은 가능하다) String Method - immutable (원본은 훼손하지 않는다.) String.slice() (새로운 배열 생성 시 자주 사용!) String.replace() String.split() Array Method ..

오늘 공부하고 적용하는 과정에서 헷갈리는 부분에 대해서 개념을 다시 정리하는 시간을 가진다. 개념을 정확히 인지하지 못하는 순간, 문제에서 원하는 것이 무엇인지 정확하게 파악하지 못하게 되기 때문에 개념의 중요성은 몇 번이고 중요하다고 생각이 든다. 그래야 필요할 때 즉시 꺼내어 사용할 수 있기 때문이다 ! .split() 문자열을 배열로 바꾸는 메소드이다. 사용 시, 괄호 안에 들어가는 내용에 대해서 유의하기! let str = 'I love coding!'; str.split(' '); (3) ['I', 'love', 'coding!'] // 이렇게 문자열에 .split을 이용하면 문자열을 배열로 바꿀 수 있다. // 주의할 점은, str.split() 괄호 안에 넣는 것으로 구분하여 배열로 바꿔 주..

CLI(Command-Line Interface)는 명령어를 입력해 컴퓨터를 조작하는 방식 GUI(Graphical User Interface)는 사용자가 화면을 통해 컴퓨터와 소통하는 방식 GUI의 대표인 윈도우즈 환경에서 폴더를 만드는 복잡한 과정을, CLI에서는 단 한 줄로 해결 CLI 기본 명령어 키보드나 마우스, 카메라나 마이크는 입력 소스(Input Source) 모니터나 스피커는 출력 소스(Output Source) 컴퓨터를 조작하기 위한 입력과 출력은 우리가 어디선가 봤던 I/O(Input/Output)이다 리눅스 터미널 실행하기 pwd : 현재 위치를 확인하는 명령어 mkdir : 새로운 폴더를 생성하는 명령어 ls : 폴더나 파일의 목록을 출력하는..

계산기 만들면서 ... 계산기의 작동에 대한 컴퓨터의 관점에서 사고하고 코드짜기 경우의 수 대비하여 코드 짜기 CSS로는 디자인적 요소를 최대한 가져가고, 자바스크립트로는 작동에 대한 완벽한 코드를 짜야 한다 내 생각만큼 잘 나오진 않았지만, hover만 조금 건드려봤다. 디자인의 세계란...만만치 않은 것 같다 CSS의 세세한 속성들이 많기 때문에 천천히 더 보자 !

CSS CSS의 사용 목적 ---> 웹페이지의 구조의 외부와 내부를 꾸미는 역할, 스타일링을 담당 HTML 내부에 직접 CSS를 정의하는 것은 좋지 않다 id와 class? CSS의 문법 구성 CSS 간단 속성 정리 텍스트의 가운데 정렬을 하기 위한 속성 text-align: center;​ 글자 색을 바꾸기 위한 속성 color: #4a4a4a;​ 배경 색을 바꾸기 위한 속성 background: #fff;​ background 속성과 background-color 속성은 어떻게 다른가요? : background-color는 단순히 색깔 옵션만 부여한 반면, background는 다른 color / image / repeat / attachment / position과 background 옵션을 추가적..

코플릿 되새김질 문자열 9번 10번 11번 14번 17번

코플릿 되새김질 반복문 17번 18번 19번 21번