본문 바로가기

분류 전체보기

 (168)
[테트리스 만들기] 레이아웃부터 모션까지 제작 자바스크립트로 만든 테트리스 https://medium.com/@michael.karen/learning-modern-javascript-with-tetris-92d532bcd057 위의 블로그 내용 보고 했지만 빼먹은거 엄청 많고 잘못 타이핑한 부분도 있으니 참고만 할 것 위의 블로그 내용을 각 단계별로 직접 분석하면서 작동 확인하면서 만들면서 커밋했으니 아래 내용들은 실행 잘됨! 단계별로 만들고 커밋한 내용은 아래 깃헙에 올렸으니 참고 https://github.com/ds2lvg/JSwithTetris 사용하는 자바스크립트 ES6 문법 Classes, Arrow functions, Spread operator, Let and const, Default parameters, Array.from(), ..
[자료구조] Map과 Set Map : 중복되지 않은 '키'의 집합 자바의 Map과 특성이 유사한 자료구조 값 가공 메서드 : set(key, value), get(key), has(key), delete(key) 객체 리터럴과의 차이점 임의의 형으로 키를 설정 가능 객체는 프로퍼티로 가능한 요소(문자,숫자)를 키로 하지만 맵은 무엇이든 가능하다. 맵의 사이즈를 취득 가능 -> size() 메서드 열거 가능 : keys()로 모든 키를, values()로 모든 값을, entries()로 모든 키와 값을 취득 할 수 있다. 넣은 순서가 유지된다. const idols = new Map(); idols.set('외모', '아이린'); idols.set('몸매', '설현'); idols.set('이상형', '연우'); // const i..
일요일 모각코 사비로 같이 스프링 학원 다녔던 동생들이랑 일요일마다 하는 모각코 스터디. 저번에는 스프링부트를 주제로 스터디 했었는데 이제 다들 자바를 안하는 관계로 모각코로 바꿔서 스터디 중이다. 아직도 연락하면서 서로 발전 하고 있는 소중한 개발자 동료들이다.
[graphQL] rest API와 차이점, Apollo Server로 맛보기 Rest API Micro service간의 상호호환이 가능하도록 정의한 CRUD 프로토콜 https://reqres.in/ 에서 테스트 데이터용 명세를 확인할 수있음 Graph Query Language 페이스북에서 제작 모든 API가 그래프처럼 하나로 이뤄져있다. Query Language에 해당하는 데이터만 반환해준다. End point는 하나만 정의되어있다.(단일성) Rest API의 단점 Rest API는 API 요청을 위해서 End point(url)을 가지고 API call을 생성해서 호출한다. 이 방식은 오버패칭(과도한 데이터를 로딩)의 문제점을 지닐 수 밖에 없다. 글목록을 조회하려하면 글쓴 회원정보들의 정보도 같이 가지고 오게 된다던지 등 이 방식은 또한 언더패칭(부족한 조회)의 문제도..
[Array] useful method every() Array.every(callbackfn: (value: any, index: number, array: any\[\]) => unknown, thisArg?: any): boolean Determines whether all the members of an array satisfy the specified test. 배열의 모든 요소를 순회해서 모든 요소가 조건을 만족 하는지 여부를 검사 every로 체크하면 다중 if문이 쓸 상황이 줄어든다. const array1 = [1, 30, 39, 29, 10, 13]; console.log(array1.every((v) => v < 40)); // true some() Array.some(callbackfn: (value: any, index..
[mgram] 나의 성격 진단 - 까마귀 타입 https://mgram.me/ko 초정밀 진단 'mgram' | 내 안의 8가지 성격을 진단 고정밀 성격 진단 알고리즘을 통해 여러분의 특징적인 성격 요소를 8개 추출합니다. 유명인이나 저명인을 포함하여 700만 명 이상이 이용하고 있습니다. 주위에서 보는 자신의 인상을 알 수 있는 무료 성격 진단뿐만이 아니라, 적합한 직업 진단이나 연애 진단과 같은 상세 분석도 가능합니다. mgram.me
[북메모] 야생이 인생에게 주는 서바이벌 지혜 오늘부터 제군은 영국 특수부대의 일원이다 이자리에 설 자격을 얻기위해 어떤 대가을 치렀는지 잘 안다. 사실 여러분 네 사람과 낙오자들의 차이는 크지 않다. 가장 힘든 시기에 조금 더 뒷심을 발휘하는 능력이 차이의 전부다. 여러분도 알다시피 평범과 비범은 한 글자 차이다. 앞으로의 임무는 이전보다 더욱 고될지도 모른다. 그러나 제군은 남들이 포기할 때 조금 더 노력하는 능력을 이미 갖추었기 때문에 두려워할 필요가 없다. 남들이 포기할 때 조금 더 노력한다. 차이는 바로 그것이다.
[rebase] 이미 커밋한 사용자 변경 컴퓨터학원이나 남의자리에서 커밋/푸시해서 다른사용자 이메일로 된경우 내꺼 잔디밭에 적용안되는 문제 rebase써서 해당 커밋으로 돌아가야 한다. 첫커밋부터 잘못 됬을 때 root를 입력한다. git rebase -i --root 중간부터 바꿀 때, 바꿀 커밋 이전 커밋해시코드를 입력한다. git rebase -i 커밋해시코드 입력하면 이런식으로 rebase했을때 커밋된것 목록들이 pick된다 고쳐야 하는 커밋은 아래와같이 pick을 e(혹은 edit)로 바꿔주고 wq로 저장하고 vim을 나가자 작성자(author)를 바꿔서 커밋하자 rebase가 진행됬으므로 아래의 사진처럼 커밋할꺼냐고 물어본다. git commit --amend --author="유저이름 메일주소@도메인.com" 다른 커밋도 rebas..

티스토리툴바