두잉낫띵 두잉낫띵

문제 설명 정수 n이 매개변수로 주어집니다. 다음 그림과 같이 밑변의 길이와 높이가 n인 삼각형에서 맨 위 꼭짓점부터 반시계 방향으로 달팽이 채우기를 진행한 후, 첫 행부터 마지막 행까지 모두 순서대로 합친 새로운 배열을 return 하도록 solution 함수를 완성해주세요. 제한사항 n은 1 이상 1,000 이하입니다. 입출력 예 4 [1,2,9,3,10,8,4,5,6,7] 5 [1,2,12,3,13,11,4,14,15,10,5,6,7,8,9] 6 [1,2,15,3,16,14,4,17,21,13,5,18,19,20,12,6,7,8,9,10,11] 접근방법 - 달팽이를 채우는 방법을 그대로 생각해보자 ! state 가 0 일때 : 아래로 이동 state 가 1 일때 : 오른쪽으로 이동 state 가 2..

당연하게 Git 을 사용해오다가 문득 왜 Git bash 를 사용하는지 궁금해졌다. Git bash git bash 는 window 의 cmd , linux와 mac 의 terminal 과 같은 역할을 한다. 그러나 운영체제마다 명령어가 다르다는 문제점이 있는데, 이를 극복한것이 바로 Git bash ! Git bash 를 이용하면 window 에서도 리눅스의 명령어를 쓸 수 있다. 따라서 mac 이나 리눅스를 사용하는 경우 기존 terminal 을 사용해도 무관하지만, 나같은 window 유저는 git bash 를 쓰는게 편리하다 ※ Git 을 시각화한 GUI 클라이언트 ( SourceTree, github desktop ) 등이 있지만 이미 Git bash 에 익숙해져서 아마 계속 bash 로 사용할..

Material UI 에서 정말 맘에드는 Expandable 한 View 를 찾았는데 native 에는 지원을 안하는건지 돌아가지를 않아서 직접 간단하게 구현해보려고 한다. 일단 기능 구현에 집중한 뒤 , 스타일을 이쁘게 다듬어 보자 해당 화면에서 OPEN 이라는 버튼을 누르면 이렇게 파란 화면이 펼쳐지는 expandable View 를 만들어보자! 버튼을 눌렀을때 경우 1) 파란색 View 가 열려져있는경우 width : 0 px , height : 0px 로 바꾸고 경우 2) 파란색 View 가 닫혀져있는경우 width : 100% , height : 300px 로 바꾸자 구조잡기 //빨간색 View 귀여운 강아지 //파란색 View // Detail 은 styled component 로 따로 설정한..

작은따옴표 , 큰 따옴표, 백틱의 차이점 작은따옴표와 큰 따옴표는 큰 차이가 없다. let name ="Molly"; console.log(`HI ! my dog's name is ${name}`); 백틱(` `)의 경우 , 위에서 볼 수 있듯이 ${ } 를 이용해서 변수를 넣을 때 자주 사용한다. 문자열 메소드 str.length ( 메소드는 아니지만 ) : 문자열의 길이 let name ="Molly"; console.log(name.length); // 5 str.toUpperCase() : 문자에있는 모든 소문자를 대문자로 바꿔주는 메소드 let name ="Molly"; name = name.toUpperCase(); console.log(name); // MOLLY str.toLowerCase..

객체 리터럴 let user={ name : 'Mike', age : 30, } 객체 리터럴은 위와 같이 만들 수 있다. 그러나 개발을 하다보면 위와같은 객체 여러개를 만들어야 하는 경우가 발생한다. 예를들어 회원 관리를 위해 위와같은 user 객체 여러개를 만들어야 하는 경우가 생겼을때, 생성자 함수를 이용한다. 생성자 함수 function User(name,age){ this.name = name; this.age = age; } let user1 = new User('Mike',30); let user2 = new User('Jake',20); let user3 = new User('Jain',25); let user4 = new User('Emily',40); 생성자 함수는 앞글자를 대문자로 쓴다..

undefined 와 null 의 차이점 - null 은 의도적으로 null 을 할당한 것으로 , "값이 없음" 을 나타낸다. 때문에 null 의 변수 타입은 object 이다 - undefined 는 변수를 선언하고 값을 할당하기 전의 형태이다. 즉, "값이 할당되지않음" 을 나타낸다. undefined & null 체크 방법 var a; if(a===undefined) console.log("^^"); // 따옴표를 쓰지 않아야 한다 ! // a==='undefined' 라고 쓰면 오류 ! var a=null; if(a===null) console.log("^^"); - 기본적으로 따옴표를 쓰지 않고 사용한다

Promise chaining 대신 동기 처리를 더 간단하게 할 수 있는 방법 async async function getData(){ return 'data'; } getData() .then((Data)=>console.log(Data)) .catch( (err) => console.log(err)); - 함수앞에 async 를 붙이면 이 함수는 Promise 를 반환한다. Promise 가 아닌것을 반환하더라고 Promise 로 감싸서 반환한다. await function asyncItem() { return new Promise((resolve, reject) => { var item = [1, 2, 3]; resolve(item); }); } async function logItems() { v..

Promise : 콜백함수로 비동기 처리를 하는 경우 앞에서 살펴봤듯이 콜백지옥이 만들어져 가독성이 떨어지고 디버깅하는데 어려움이있다. 때문에 등장한게 바로 Promise 다 ! Promise 는 콜백함수를 대신하여 비동기를 간편하게 처리할 수 있도록 도와주는 자바스크립트 객체다. const promise = new Promise( (resolve,reject) => { // 네트워크 통신, 파일을 읽어오는 등의 heavy 한 작업들은 // 동기적으로 작업하면 밑에 코드가 실행이 안돼서 시간이 오래걸리므로 // 비동기적으로 구현해야한다 console.log('doing something...'); }); 이렇게 코드를 구현하면 콘솔에 'doing something' 이 출력되는데 , 즉 , Promise..