twingkle

1. 목표상기하기 현재 ‘내'가 학습을 통해 이루고자 하는 것은 무엇인가요? 개발지식 능력의 향상 및 협업능력 향상. 완벽한 개발자는 아니더라도 충분히 성장가능성이 있는 개발자가 되고자 한다. 여러분이 현재 바라는 목표를 모두 이루었다면 ‘나'는 어떻게 변해 있을까요? 회사에서 찾는 개발자가 되어있을 것이다. ‘나'에게서 어떤 모습을 보았을 때, 목표를 이루었다고 말할 수 있을까요? 기술질문에서 막힘없이 대답할 수 있을때, 그리고 협업과정에서 질문을 부끄러워하지않고, 꾸준히 공부해나가는 내 모습을 보았을 때 2. Keep,Problem Keep 목표를 달성하기 위해 시도했던 것 중 가장 효과적이었던 노력은 무엇인가요? 1. 코드 리팩토링 내가 과거에 짜놨던 코드도 다시보기! 그땐 그게 최선의 선택이었겠지..

01.DOM(Document Object Model) -node: 요소의 상위 개념.DOM관련 대부분의 객체가 node에서 파생됨. -HTML을 조작할 수 있다. -document객체를 통해 HTML에 접근(BOM은 window객체를 통해 브라우저에 접근) -document.cloneNode: 복제 메서드 -document.importNode: template 를 활용하여 내용을 붙여 넣을 때 사용하는 메서드 03.요소 조회 -document.querySelector('div) : 최상단 '하나' 조회 -document.getElementById('div): id가 인 요소 '하나' 조회 -document.getElementsByClassName('div): class가 인 요소 '여러 개' 조회 -do..

버튼비활성화 만들기 HTML 사용할 수 있는 아이디입니다 아이디는 네 글자 이상이어야 합니다 숫자만 입력이 가능합니다. 비밀번호가 일치하지 않습니다 회원가입 JS 1. 첫번째 시도해봤던 코드 let elInputUsername = document.querySelector('#username') let elPassword = document.querySelector('#password') let elPasswordRetype = document.querySelector('#password-retype') let elTargetBtn = document.querySelector('#target_btn') //버튼 활성 비활성화 //vlaue가 모두 입력된다면 elTargetBtn.onclick =functi..

console.log(1+'1') //11 console.log(1+ true) //2 //true =1 , false = 0 console.log(122- '1') //121 console.log('1'+true) //1true 레퍼런스 https://github.com/denysdovhan/wtfjs https://google.github.io/styleguide/jsguide.html#features-use-const-and-let 함수 선언식(declaration) vs 함수 표현식(expression) console.log(typeof funcDeclared) //'function' console.log(typeof funcExpressed) //'string' function funcDecla..

spread문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용 function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) //6 1.배열 합치기 let parts = ['shoulders', 'knees']; let lyrics = ['head', ...parts, 'and', 'toes']; //['head', 'shoulders', 'knees', 'and', 'toes'] let arr1 = [0, 1, 2]; let arr2 = [3, 4, 5]; arr1 = [...arr1, ...arr2]; // 참고: spread 문법은 기존 배열을 변경하지 않으므로(immut..

함수와 함수가 선언된 어휘적환경의 조합. 함수를 리턴하는 함수 const makeCounter = () => { let value = 0; return { increase: () => { value = value + 1 }, decrease: () => { value = value - 1 }, getValue: () => value } } const counter1 = makeCounter(); counter1.increase(); //1 counter1.increase(); //2 counter1.decrease(); //1 counter1.decrease(); //0 counter1.increase(); //1 counter1.getValue(); //1

전역 스코프(Global Scope): 가장 바깥쪽의 스코프 지역 스코프(local Scope): 전역이 아닌 다른 스코프 ※우선순위: 지역 변수 > 전역 변수 스코프의 종류 1.블록 스코프 -중괄호를 기준으로 범위가 구분됨. ※ 화살표 스코프도 블록 스코프로 취급. -블록 스코프 안에서 정의된 변수는 블록 범위를 벗어나는 즉시 접근 불가. -> 블록범위를 벗어나는 console.log()는 ReferenceError 2.함수 스코프 function 키워드가 등장하는 함수 선언식 및 함수표현식으로 만들어짐. let vs var vs const let const var 유효 범위 블로스코프/함수 스코프 블록 스코프/함수 스코프 함수 스코프 값 재할당 가능 불가능 가능 재선언 불가능 불가능 가능 let : ..

원시 자료형 string, number, bigint, boolean, undefined, symbol, (null) "하나"의 의미를 가지는 데이터 보관함의 크기를 고정시키는게 합당하다. 변수에 값(value)자체가 담김. 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수 는 있다. 참조 자료형 배열([ ]), 객체({ }), 함수(function( ){ }) 처음 시작은 배열과 비슷한 형태로 자료 구조를 구현.(쉼표로 구분된 데이터 ex)csv) 변수에는 특별한 데이터 보관함을 찾아갈 수 있는 주소가 담겨있다. 특별한 데이터 보관함(heap): 자기 마음대로 사이즈를 늘렸다 줄였다 함.(동적으로 변함) console.log('codestates' === 'cod..

배열 배열의 길이: arr.length let number = [1,2,3] console.log(number.length) //3 배열의 요소가 배열인 이중 배열을 이해하고, 이중 배열의 요소를 조회하거나 변경할 수 있다. 배열의 각 요소에 대하여, 반복하는 코드 let number = [1,2,3] for(let i = 0; i number[0] //2 ==> number[1] //3 ==> number[2] } for(i of number){ console.log(number[i]) //2 //3 //undefined } 배열에서 사용되는 다양한 메서드 immutable methods vs mutable..

prompt(프롬프트) : CLI의 명령줄 대기모드 명령어 [커맨드] pwd(print working directory) : 현재 위치를 확인할 수 있는 명령어 mkdir 폴더이름 : 새로운 폴더 생성 ls : 특정 폴더에 포함된 파일이나 하위 폴더의 리스트 출력 ls -a : 숨어있는 폴더나 파일을 포함한 모든 항목을 출력 ls -l : 폴더나 파일의 포맷을 전부 표현하라. **ls-l 을 함께 사용한 경우 drwxr-xr-x # 생략 -rw-r--r-- # 생략 d : 폴더/ - : 파일 (폴더는 cd로 진입 가능 // 파일은 진입불가능) open . : 현재 위치를 GUI로 실행하는 명령어 open cd : change directory의 약자. 폴더를 다른 폴더로 변경. touch : 파일 생성...