분류 전체보기
-
[2019.04.12] 이머시브 ChatterBox 스프린트 시작핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 4. 13. 00:20
지옥의(?) N-queens가 끝나고...새로운 스프린트 ChatterBox에 들어갔다. 이번 스프린트는 직접 HTML로 구현하가는 것인데, 서버와의 통신을 이용한다. 그런데 내가 모르는 새로운 개념을 하나 배우게 되었다. fetch API 비동기 서버요청 AJAX는 많이 사용해 봤는데, fetch라는 것이 있다. 이것을 쓰면 비동기 서버요청을 더 짧고 쉽게 사용할 수 있다.... 맞는지는 모르겠지만 나온지 별로 안된 신기술인 것 같다. 그래서 구글링에서는 정보가 많은 편은 아닌 것 같다. fetchAPI는 일요일에 정리 좀 해야겠다. 저녁에 라면과 삼각김밥 하나만 먹었는데도 배가 고프지 않다..원래 이정도면 자기전에 엄청 배고파져야 하는데, 확실히 이머시브 진행하면서 먹는게 없어지니까 위가 줄어들었나보..
-
[2019.04.12] 네트워크 통신 GET과 POST.개발 블로깅 2019. 4. 12. 14:33
클라이언트와 서버에서 데이터를 주고 받을 때, HTTP request Method가 4가지가 있다. # HTTP Request Method 4가지 방식 (설명은 런코 기준) GET : 특정 리소스를 가져오도록 요청 POST : 데이터를 서버에 제출, 서버 상태를 변화시킴. PUT : POST와 비슷하나, 연속적인 요청시에도 같은 효과를 가져옴. DELETE : 리소스의 삭제를 요청할 때 사용 클라이언트가 서버로 데이터를 전송 및 요청을 하면, 서버에서는 클라이언트에게 응답을 보낸다. 클라이언트가 서버로 요청을 보낼 때는 일반적으로 GET, POST 둘 중 하나를 사용하게 된다,. Get 방식의 특징 : URL 뒤에 ? 변수명 = 값 등의 형식으로 요청이 주소창에 보여진다. 길이제한이 있다. POST 방식..
-
[2019.04.11] N-queens 스프린트를 진행하며..핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 4. 12. 00:34
# N-queens에 대한 설명 n개의 체스판이 있다. 퀸은 체스판에서 가로, 세로, 대각선으로 움직일 수 있다. n * n의 체스판에서 n개의 퀸이 서로 이동경로가 겹치지 않도록 놓여져야 한다. 옆의 그림에 보면 8*8의 체스판이 있고 8개의 퀸이 있다. 각 퀸의 말은 가로,세로,대각선 이동경로가 겹치지 않는다. # 내가 생각한 N-queens를 풀어가는 방식 4 * 4의 배열이 있다 row의 인덱스를 i, colume의 인덱스를 j로 한다. [0,0] 위치에서부터 시작한다. [0,0] 시작점에서 해당 colume만큼(해당 줄만) for문을 돌린다. for문을 한번 돌 때마다, 해당 위치에서 row+1로 리커션 한다. 그럼 다음 row에서 해당 colume만큼 또 for문을 돌린다. 해당 for문에서도..
-
[2019.04.10] 이머시브 9일차, N-queens 스프린트 시작핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 4. 11. 00:35
오늘 오전부로 DanceParty 스프린트 종료하고 페어리뷰를 또 나누게 되었다. 내가 받은 페어리뷰(단점만)말하기 전에 조금 더 생각을 정리하면 좋을 것. 한 문제에 대해 조금 더 꼼꼼히 확인 후 넘어갔으면... 그리고 다음 스프린트 N-queens에 들어갔다. 매우 어렵고 난이도가 높은 알고리즘 파트라고 한다.그래서 오늘 종일 풀어본 결과...알고리즘이라기보단...(이하 생략..ㅋ)이번에는 두명의 페어와 같이 하게 되어서 3명이서 한 조가 되었다. 오늘과 내일 하루종일 N-queens에 몰두할 예정이다.
-
[2019.04.09] 이머시브 8일차, DanceParty 스프린트 진행중핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 4. 9. 20:02
어제, 오늘 하루종일 세번째 스프린트 Dance Party를 진행중이다. 이번 스프린트에서는 oop개념에 조금 더 익숙해지기 위한 스프린트 같다. 다형성, 상속, 이벤트핸들러 등등 오늘 배운 내용 : setTimeout에서 실행되는 함수의 this는 window를 가르키므로, 특정 요소를 가리키게 하려면 .bind를 해주어야 함. 오늘부터 매일 아침 1시간 알고리즘 문제를 푸는 Toy Ploblem에 들어갔다. 문제가 총 50개인가 했는데, 한 문제마다 git branch를 새로 생성시켜서 commit 해줘야 한다. 브랜치 생성 및 commit하기git checkout master : 마스터 브랜치로 변경 (마스터 브랜치의 하위 브랜치를 생성하기 위해서는 무조건 마스터로 변경해주어야함.) git chec..
-
[2019.04.08] 이머시브 7일차, DanceParty 스프린트 시작핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 4. 9. 00:15
오늘부터 매 주 오전 Self Asseccement를 풀게 되었다. 오늘 오전에 친 시험은 Tree구현. 제한시간은 1시간...대다수가 문제를 제출하지 못하였다...(나는 했다ㅋ)오전부로 Data Structure 스프린트가 끝나고, 페어리뷰, 스프린트 리뷰를 진행한 후에 오후부터 새로운 스프린트 Dance Party에 들어갔다.Dance Party... ㅇ_ㅇ;...이름을 왜 댄스파티라고 했는지는 모르겠다. # DataStructure 스프린트를 진행하며 받은 페어리뷰자신의 생각을 이해하기 쉽게 설명하는 것이 좋았다. 나는 설명을 잘하나보다. 이전 페어리뷰때도 설명부분에서 장점을 받았다. 단점은 딱히 받지 않았다.왠지 이번 스프린트에서는 내가 목이 아파서 힘이 안나니까 조급한 행동이 강제로 억제되었나보..
-
[2019.04.08] Check Point 틀린문제개발 블로깅 2019. 4. 8. 22:14
123456var player = { score: 3 };function doStuff(obj) { obj = {};} player = doStuff(player);csplayer는 undefined.... 6번 줄에 player가 doStuff의 결과값을 받는 것을 못봄.... 12345var obj = { inner: { x: 10 }};var example = obj.inner;obj.inner = undefined;csobj.inner가 가리키고 있는 녀석은 {x:10}4번 줄에 exaple도 {x:10}을 가리키게 함.obj.inner에 undefined를 넣음으로써, 가리키고 있는 녀석의 값을 바꾸는게 아닌, obj.inner가 가리키는 놈을 undefined로 바꿈.1~3번째 줄에 저렇게 선..
-
[2019.04.08] __proto__, prototype, constructor 관계개발 블로깅/Javascript 개념 2019. 4. 8. 15:54
쉽게 내 방식대로 정리한 설명 prototype 은 var Human = function () {this.name}; 과 같이 틀로 쓰는 녀석에게 속성을 정의하는 것 (함수만 prototype을 가지고 있음)__proto__ 는 var john = new Human(); 에서 나온 john 인스턴스에 속성을 부여하는 것.(인스턴스만 __proto__를 가지고 있음) 더 쉽게 생각해서, prototype은 붕어빵 틀 자체에 기능을 추가하는 것. __proto__는 붕어빵에, 그 추가했던 기능 # 1 방식1234567891011121314var Human = function(){ }Human.prototype.sleep() = function(){};var Student = function(){ } Stud..