본문 바로가기

전체 글

 (97)
코드스테이츠 스코프 Achievement Goals 스코프의 의미와 적용 범위를 이해할 수 있다 스코프의 주요 규칙을 이해할 수 있다 중첩 규칙 block scope와 function scope block scope는 {} 형태 예를 들어 조건문 반복문... function scope는 함수 전역 스코프와 지역 스코프 안쪽 Scope 에서 정의된 변수는 바깥에서 이용할 수 없다 예를 들어 함수 내에 변수는 바깥에서 호출할 경우 오류 걸림 전역 변수와 지역 변수간의 우선 순위 Hello, kimcoding! VM2912:8 Hello Josh let name = '김코딩' undefined function showName(){ let name = '박해커'; console.log(name) } console.log(name)..
코드스테이츠 원시타입 || 참조형 타입 이해 배열과 객체를 쓰는 이유는 데이터의 양이 유동적으로 변하기 때문에 어떤 데이터 타입을 쓸지 예측하기가 어렵다. 그래서 동적으로 데이터를 관리하는 공간인 힙을 사용하게 됐다. 원시 타입(Boolean , number ,String) 은 값을 저장하기 때문에 독립적이다. let originalValue = 200; undefined let valueNew =originalValue; undefined orginalvalue =100; 100 valueNew 200 참조타입은 말 그대로 주소를 복사하기 때문에 데이터를 바꾸면 새로운 변수에도 영향을 미친다. 1. 왜 이런 현상이 발생할까? 원시 타입은 특정한 메모리에 할당받아 저장하는 반면 객체, 배열은 특정한 공간 힙에 저장하게 된다. 왜냐하면 단순히 메모리..
코드스테이츠 목업 1.와이어 프레임 : 레이아웃의 뼈대를 그리는 작업 how? 목적에 맞게 태그를 쓰는 연습. 1-1 큰 틀에서 짜기 1-2 각 영역의 태그 이름 붙이기 1-3 id 는 고유 영역 (댓글 입력하기) class 영역(반복 사람들이 댓글을 써서 보이는 곳) 1-4 큰틀의 크기를 미리 만들어 보고 크기 조절하기
코드스테이츠 중급 Achievement Goals 다양한 CSS 셀렉터 규칙을 이해할 수 있다. 후손 셀렉터와 자식 셀렉터의 차이는 반드시 알아야 합니다. 자식 셀렉터 : div > p { }. 후손 셀렉터는 한 단계 뛰어서 후손들을 선택한다 방법은 div li. (한 칸 띄워야 함) 레이아웃을 위한 HTML을 만들 수 있다. 잊지 말아야할 것 : 우리가 어떤 레이아웃 를 만들었을 때 크기는 margin과 padding을 포함하지 않기 때문에 오차가 생긴다 그러므로 이것을 고려한 박스 크기를 만드는 것이 중요!!. 방법은? { .box-sizing : border box } Flexbox를 이용해 레이아웃을 만들 수 있다. (다음 속성에 대한 이해가 있어야 합니다) 방향: flex-direction 기준점을 만들어 자식 ..
객체 객체의 모습 Person={ Name(property or 속성): "baehyuncheol", age : 25, Interest: [ 'swimming', 'jogging'] act(매서드) : function() { } } 객체 불러오는 방법은 2가지 표기법이 있다. 1. 점 표기 법 : Person.age 2. 괄호 표기법 Person['age'] => 결과 값은 25가 나오게 되며 우리가 배열을 생각할 때 쓰는 Person[0] 처럼 Person['age'] 을 index처럼 접근하여 값을 출력 한다고 생각하면 된다. 만약 Person['age'] 가 아니라 Person[age] 를 쓴다면 어떨까? 이는 age 를 변수취급하게 된다. 즉 age is not defined 가 나오게 되므로 변수를 ..
나를 성장시켜주는 알고리즘 #3 문자열을 배열로 배열을 문자열로 바꾸는 방법 slice 함수,(원본 수정 안됨) shift,unshift(원본 수정) pop push( 원본 수정) join
객체 객체의 모습 Person={ Name(property or 속성): "baehyuncheol", age : 25, Interest: [ 'swimming', 'jogging'] act(매서드) : function() { } } 객체 불러오는 방법은 2가지 표기법이 있다. 1. 점 표기 법 : Person.age 2. 괄호 표기법 Person['age'] => 결과 값은 25가 나오게 되며 우리가 배열을 생각할 때 쓰는 Person[0] 처럼 Person['age'] 을 index처럼 접근하여 값을 출력 한다고 생각하면 된다. 만약 Person['age'] 가 아니라 Person[age] 를 쓴다면 어떨까? 이는 age 를 변수취급하게 된다. 즉 age is not defined 가 나오게 되므로 변수를 ..
배열 array unshift, shift, pop,push의 원리 의미 및 원리 shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변하게 합니다.(배열의 길이를 출력하는 함수) unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다. pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환합니다. indexOf() 요소가 어디에 있는지 찾아주는 매서드 const string= [1,2,3,4,] string.indexOf(2) 결과값은 1 split(). : 기준에 따라서 배열의 요소를 나누고 싶을 때 let string="hello world" undefine..

티스토리툴바