Web/자바스크립트8 Scope scope란? 어떤 변수들에 접근 할 수 있는지 범위를 정의하는 것으로 변수가 영향을 미치는 범위를 말하며 global scope, local scope가 존재한다. Global Scope 변수가 함수 바깥이나 중괄호 바깥에 선언되었다면 전역스코프이다. global scope를 전역스코프라고 한다. 변수 선언시 모든 곳에서 사용이 가능하지만 변수 이름이 충돌하는 경우가 발생하는 것에 유의해야한다. 전역변수는 만들지 않을수록 좋다. 그럼 어떤 변수를 써야하는걸까? Local Scope local scope는 지역스코프로 제한된 공간 {} 중괄호 내에서만 사용이 가능한 변수이다. 제한된 공간은 두가지로 나눌 수 있는데 함수 스코프와 블록 스코프가 존재한다. 함수 스코프와 블록 스코프는 동일한 느낌을 받는데(.. 2020. 5. 11. 20.04.27 - 05.01 :: 2주 동안 공부했던 것들이나 부족한 점을 정리하는 포스팅 논리연산자 논리연산자에는 &&(그리고) ||(또는)이 존재하는데 추가로 !(아닌)이라는 뜻을 가진 연산자가 존재한다. !는 참이면 false로 거짓이면 true로 바꿔준다. array arrayJoin 배열의 모든 요소들을 연결해주는 역할을 해서 하나의 문자열로 만들어준다. const arr = ['my', 'phone', 'is', 'where', '?'] console.log(arr.join('')) //'my phone is where ?' display flex flex-direction : 컨테이너 내의 아이템을 배치시 사용 할 주축과 방향을 지정한다. flex-flow : 기본 축과 교차 축을 함께 정의 가능하다. 요소가 유연한 항목의 경우에만 flex-flow속성이 적용된다. (flex-di.. 2020. 5. 5. array methods array methods array-method 참고사이트 array-method map과 forEach array.map() : return value가 있고 함수의 결과값들로 구성된 새로운 배열 array.forEach() : return value가 undefined 인자 : 첫번째 인자는 배열 원소의 값, 두번째 인자는 인덱스, 세번째는 배열 그 자체 기본적으로 forEach와 map은 첫번째 전달인자로 함수를 받는다. 배열의 각 항목에 대한 콜백함수의 시간을 실행한다. 둘의 명확한 차이라고 하면 return이 있는가 없는가이다. array.map() : 매서드의 return값은 수정된 값으로 다시 생성된 배열, 변환된 배열을 반환하고 원래 배열은 변경하지 않는다. const originalArr.. 2020. 5. 4. #DOM과 Event 노션 :: we-code / ETC / 세션 / DOM | EVENT :: we-code / TIL / 6일차 20.04.25 자바스크립트 : JS를 실행하기 위해서는 JS파일만으로는 작동하지 않는다. 브라우저가 존재해야하고, JS파일을 호출하는 html이 필요하다. (style.css를 link 시키는 것과 같은 맥락이라고 보면 될 것 같다.) ❗️주로 태그 위에 위치 시켜준다. 그렇지 않으면 HTML과 Script를 동시에 읽기 때문에 화면에 요소들이 나오는 시간이 지연되고 사용자들에게 느리다는 인식을 줄 수 있다. 또한 DOM트리가 생성되기도 전에 자바스크립트가 DOM조작을 시도할 가능성이 있다. 그래서 먼저 HTML을 화면에 뿌려주고 자바스크립트를 실행하면 사용자들이 로딩에서의 불편함을 덜 느낄 .. 2020. 4. 29. javaScript #3 :: 전역지역변수 | type변환 | 날짜Date | number관련 함수 | 난수 구하기 노션 3일차 20.04.22 - 20.04.23 전역변수&지역변수 | 내부함수&외부함수 전역변수 : 함수 외부에서 선언한 변수, 프로그램 전체에서 접근할 수 있는 변수 지역변수 : 함수 내부에서 선언한 변수, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수로 함수 외부에서는 접근 할 수 없다. 내부함수 :내부 함수가 함수 외부에 내부 함수와 같은 이름이 있을 때, 내부 함수가 우선적으로 호출된다. 함수 내부에 있는 함수는 함수의 내부에서만 호출 할 수 있다. 함수 외부에서는 호출이 불가능하다. String Number 변환 (read only) : JS의 특징 중 하나는 데이터 타입을 신경쓰지 않아도 된다는 것. 그만큼 편하지만 오류가 생길 확률이 높다. 타 언어들은 변수에 처음으로 값을 할당하.. 2020. 4. 28. javaScript #3 :: 반복문 for | array.length | typeOf() | indexOf() | slice() 노션 : we-code / TIL / 3일차 20.04.22 반목문 for : for(시작값; 끝값; 증가값) const home = "대전"; let cities = ["서울", "대전", "대구", "부산", "광주", "제주도"]; for (let i = 0; i 2020. 4. 23. javaScript #2 :: 함수내부의 변수 | 매개변수와 인자 | 논리연산자(주의사항) | undefined과 null | 한 함수에서 여러가지 갯수의 인자값 | 배열 array 노션 we-code / 하루일지 / 2일차 함수에 데이터 받기 : 함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안된다! function alertSuccess(name){ let name = "my code"; alert(name + "출력 완료!"); } alertSuccess("안녕!") //위와 같이 함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안된다. //인자에 실제로 어떤 데이터가 전달될지는 함수를 호출 할 때, 결정되는 것이다. ❗️이 말은 즉, name에는 이미 안녕이라는 인자가 있고 함수가 호출되면 name에 "안녕!"이 데이터로 받아지기에 let name이라는 함수 내부에 있는 매개변수는 새로운 값을 넣을 수 없다. 매개변수 | 인자 매개변수 : 함수를 정의하면서 함수 .. 2020. 4. 22. javaScript #1 :: Media query | 함수의 호출과 정의 | 변수 | return | 증가연산자 | 비교연산자 | 논리연산자 Media query : Responsive Web을 구현하기에 단말기의 유형과 특성이나 수치에 따라 웹사이트나 앱의 스타일 수정시 용이하다. : @media로 작성 all : 모든 장치에 적합 print : 인쇄 출력 미리보기 화면에서의 문서 screen : 화면 대상 speech : 음성 합성장치 @media only screen and (min-width: 769px) { } @media - media쿼리 작성 시작 | only screen - 디바이스에 상관없이, 화면에 보이는 스크린이면 O | and(min-width : 769px) - 내가 주고 싶은 조건. 이 조건을 기준으로 CSS가 적용된다. 자바스크립트란? : 웹페이지와 상호작용하도록 만들어진 언어로 다이나믹하고 인터랙티브하게 만드는 일.. 2020. 4. 21. 이전 1 다음
