Bin's Blog

함수란 길고 복잡한 코드 한 단어로 축약 가능 숫자 집어넣으면 다른 숫자 나오는 블랙박스 역할 파라미터 (숫자 input역할) return할 값(output되는 값 = 뱉어주세요) 파라미터 만드는게 변수 작명이랑 똑같음 변수만 만들면 :any 자동할당된다. 함수는 파라미터, return 값 타입지정가능 // 파라미터로 들어올 수 있는 수는 숫자 // return 되어야하는 값도 숫자 function 함수(x : number) :number { return x * 2 } 함수(4) void 타입 void 타입(텅 비었다는 뜻)을 쓰면 실수로 뭔가 return하는 것을 사전에 막을 수 있다. function 함수(x : number) :void { return x * 2 } 옵션파라미터 타입스크립트가 기존 ..

1. map 왼쪽 배열 자료만큼 내부코드 실행해준다. 함수의 파라미터는 array 안에 있던 자료다. return에 뭐 적으면 array로 담아준다. 소괄호 안에 들어가는거 다 콜백함수 같은 html 반복생성하는 법 { // a는 배열에 안에 데이터이므로 파라미터 안에 아무거나 넣고 중괄호 안에 넣어주면 차례대로 배열에 있던 데이터가 출력된다. // i는 반복문을 돌 때마다 1씩 증가하는 정수 글제목.map(function(a, i) { return ( // 반복문으로 html 생성하면 key={ html마다 다른숫자 } 추가해야한다. { 글제목[i] } { 따봉변경(따봉+1) } }>👍 { 따봉 } 2월 17일 발행 ) }) } 해당 글제목을 눌렀시에 따봉 +1을 하는법 state을 글제목 개수만큼 넣..

1.1.4 옵저버 패턴 옵저버 패턴은 주체가 어떤 객체의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 디자인 패턴이다. 여기서 주체란 객체의 상태 변화를 보고 있는 관찰자이며, 옵저버들은 이 객체의 상태 변화에 따라 전달되는 메서드 드을 기반으로 "추가 변화 사항"이 생기는 객체들을 의미한다. 예를 들어, 내가 공부하고 있을 때 엄마가 저녁 준비를 하고 있다. 엄마가 저녁 준비가 다 되면 "밥 먹어"라고 외친다. 그럼 관찰자인 나는 주체인 엄마가 얘기를 하니까 공부하는 것을 멈추고 식탁으로 가서 저녁을 먹는다. 주체와 객체를 따로 두지 않고 상태가 변경되는 객체를 기반으로 구축하기도 한다. 예를 들어, 트위터의 경우에는 내가 어떤 사람..

1. undefined undefined는 자바스크립트에서 "없음"을 나타내는 값 중에 하나이다. 사용자가 명시적으로 지정할 수도 있지만 값이 존재하지 않을 때 다음 세 경우에 undefined를 반환하다. 값을 대입하지 않은 변수, 즉 데이터 영역의 메모리 주소를 지정하지 않은 식별자에 접근할 때 객체 내부의 존재하지 않는 프로퍼티에 접근하려고 할 때 return 문이 없거나 호출되지 않는 함수의 실행 결과 자동으로 undefined를 부여하는 경우 // 자동으로 undefined가 할당되는 것이 아니라 // 아무것도 할당하지 안혹 끝난다. 접근할 때 undefined을 반환한다. let a; // 값을 대입하지 않은 변수에 접근: undefined; console.log(a); let obj = { ..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ▶ 문제 요약 1. 정수 n이 매개변수로 주어진다. 밑변의 길이와 높이가 n인 삼각형에서 맨 위 꼭짓점부터 반시계 방향으로 달팽이 채우기를 진행한 후 2. 첫 행부터 마지막 행까지 모두 순서대로 합친 새로운 배열을 만들어라. ▶ 정답 코드 function solution(n) { let answer = []; // n * n배열 만들고 0을 채우기 let array = new Array(n).fill().map(() => new Array(n).fill(0)); // 방향 설정(아래, 우측, 대각) const..