자바스크립트
-
[2019.03.06] 비동기 처리방식 Promise와 Async await개발 블로깅/Modern script 2019. 3. 6. 16:54
비동기적 통신방식인 AJAX가 있는데, 그것 말고 비동기적 처리 방식인 Promise가 따로 있다. 사실 둘의 무슨 차이인지는 모르겠다.AJAX는 통신이고, Promise는 함수처리를 비동기적으로 하는 것일까..? 우선 Promise가 향후에 많이 쓰여질 방식이라고 하는 것 같아, 사용방식에 대해 공부를 해봤다. # Promise 사용법 기본적인 사용 예제12345678910111213function delayP(sec){ return new Promise((resolve, reject)=>{ setTimeOut(()=>{ resolve('run!'); }, sec * 1000); }} let finalVal = delayP(1).then((result)=>{ console.log(result); ret..
-
[2019.03.04] Visual Studio Code 단축키개발 블로깅 2019. 3. 4. 22:32
앞으로 vsCode를 편리하게 자주 쓰기 위해서는 단축키를 어느정도 자유자재로 쓸 수 있으면 좋겠다고 생각해서,VScode 단축키 중 내가 활용을 많이 할 것 같다 싶은 것들만 따로 정리해보려고 한다. command + p : 파일 선택 Command + shift + p : 명령어 option + up,down : 현재 줄 위 아래로 이동 command + b : 왼쪽 탭 활성비 비활성화 command + [ : 왼쪽 들여쓰기 (반대도 가능) command + j : 터미널 밑 하단 탭 열기 command + shift + k : 해당 줄 삭제 command + / : 주석 (여러 줄 가능) command + i : 현재 줄 선택 option + shift + a : 다중 주석 command + shi..
-
[2019.03.01] Twittler 과제 하루만에 완료!!핵인싸 개발자의 길/코드스테이츠 Pre Course 2019. 3. 2. 00:20
이번 과제는 직접 하나의 웹 페이지를 개발해 보는 과제였다.그 전까지는 자바스크립트만 다루더니, twittler과제 전까지, HTML과 CSS, 이벤트 핸들러와 id, class 등 심지어 Jquery 내용까지 나오더니, 갑작스레 웹 페이지를 제작하는 과제가...ㅎㅎㅎ;# 맨 처음 시작 부분처음 git clone하면 해당 화면이 이렇게 나온다. git 디렉토리에 몇가지 파일이 같이 들어있는데, 그것들을 이용하여 해당 웹 페이지에 정해진, 기능들이 작동하도록 구현하는 것이다. 추가적으로 페이지를 좀 꾸며도 되는 것 같다. # twittler 완성본 예시아무 기능도 없고, 아무것도 꾸며져 있지 않은 화면에서, 마지막에는 저렇게 버튼과 리스트, 입력박스를 배치하고 각 요소들이 정해진 기능들을 정상적으로 수행할..
-
[2019.03.01]javascript에서 함수 선언에 따른 차이점.개발 블로깅/Javascript 개념 2019. 3. 1. 23:49
javascript에서 함수를 선언하는 방식은 기본적으로 두 가지가 있다. (아마 더 있을 수도 있지만..)변수에 함수를 생성하여 할당하는 방법그냥 함수를 선언하는 방식이다.# 변수에 함수를 할당하는 방법123var addValue = function(a, b){ return a + b;}cs # 일반적으로 함수를 선언하는 방법123function addValue(a, b){ return a + b;}cs위 두 코드와 같이, 사용하려는 함수를 생성하는 방법이 두 가지가 있다.하지만 역시 이 두 가지에 대한 차이점이 있다는 것! 우선 '변수에 함수를 할당하는 방법'은, 해당 함수를 사용하기 전에, 먼저 그 함수가 위에 선언이 되어야 한다.1234567addValue(1, 2); //
-
[2019.02.27] for문 사용에 주의해야 할 점(?)개발 블로깅/Javascript 개념 2019. 2. 27. 23:18
무턱 underbar 과제를 진행하는 중에, 한 문제에서 엄청 시간을 쏟았다....문제내용은, 하나의 배열이 있으면, 거기 안에 있는 Element와 Index 값을 같이 저장하는 문제였던 것 같다. (문제 다시 확인해보기 귀찮..)그렇다. 그냥 for문 돌려서 하나씩 보내주면 된다.엄청 쉬운 문제였다.. 정말 간단한거다...당연히 코드에 이상없다. 결과물도 이상없다.... 근데 왜 도대체 테스트케이스에서 passed가 되지 않는 것이야..!!! 😡 엄청난 시간을 쏟아 겨우 찾아낸 원인.... 인덱스의 타입이 String이였던 것.평소 for문을 돌리면 Index는 무조건 정수형일 줄 알았다... 그런데 오늘 처음 알았다!12345var array = [1, 2, 3, 4, 5]; for(var inde..
-
[2019.02.23] 코드스테이츠 Pre코스 첫 오프라인 세션 후기!핵인싸 개발자의 길/코드스테이츠 Pre Course 2019. 2. 23. 19:33
오늘 드디어 첫 오프라인 세션을 듣기 위해 패스트파이브 성수역에 다녀왔다. 처음 방문 시 사무실이 너무 예쁘고, 카페 느낌의 사무실이였다. 엔지니어 분들이 다들..인터넷에서만 보던 구글이나 네이버의 그린팩토리처럼 자유롭게 자리 맞아서 앉아, 커피 한 잔 하면서 일하고 있었다. 정말 일을 재밌게 할 수 있을 것 같았다. 오늘 오프라인 세션을 진행하시는 CS 두 분이 계셨는데, 두 분도 Immersive코스까지 수료하고 코드스테이츠 내에서 3개월 간 일을 하시는 분들이였다. 오프라인 진행 내용은 '런코' 학습내용을 둘 끼리 짝 지어서 페어프로그래밍을 하는 방식이였다. 한명이 어떻게 문제풀이를 할지 정하면, 한명이 그 문제 풀이 방식을 듣고 이해하여 코딩을 하는 방식이였다. 그런데.... 나랑 같이 페어프로그..
-
[2019.02.22] 알고리즘 파트까지 마치며...핵인싸 개발자의 길/코드스테이츠 Pre Course 2019. 2. 23. 00:29
방금까지 알고리즘 연습문제까지 다 풀었다.나한테는 쉬웠는데, 한가지 힘들었던게.. SQRT (제곱근) 함수를 직접 구현하는 것이다.무슨 바빌로니아 법칙인가..? 그런 방식을 써서 구현하면 된다는데... 설명을 봐도 너무 어려워서 시간을 좀 많이 잡아먹었다...그래도 시간 들어서 구현을 하긴 해서 다행이다.오늘까지 이제 개강한지 4일차인데, 벌써 알고리즘 파트까지 끝내다니..ㅋㅋ다른 분들도 많이 어려워 하신지 어떤지.. 다른분들 상황이 무척 궁금하다! 그나저나 어제 빌어먹을 회사 때문에, 야근을 하느라 온라인 세션을 듣지 못했다.. 보니까 어제 페어프로그래밍을 한 것 같은데.. 나도 페어프로그래밍 해야하는데..안해도 괜찮은건가..? 짝 지어서 했다는데, 참여를 못한 사람은 어떻게 되는거지...ㅜㅜ 우선 어..
-
[2019.02.22] 크롬으로 디버깅하는 방법개발 블로깅/Javascript 개념 2019. 2. 23. 00:21
역시..아무리 Pre코스라도 배울만한 내용이 많다. 크롬으로 디버깅을 돌리는 방식을 상세하게 공부할 수 있었다. 지금껏 나는 크롬 개발자 도구를 쓴다면, 자바스크립트에서 에러가 난 부분을 확인하는 용도로만 사용을 했었는데, 그보다 더 좋은 기능이 참 많았다.우선 개발자 도구를 켜는 단축키는 'option + command + i' 이다. # 크롬 개발자 도구를 켠 모습 개발자 도구에서 Source 탭을 누른다. 맨 왼쪽 창은 현재 읽히고 있는 모든 파일, 중간부분이 소스코드, 맨 오른쪽이 디버깅 제어 기능이란다. # 디버깅을 돌리는 화면 맨 오른쪽 창에서 어떤 이벤트를 발생했을 때 디버깅을 실행할 건지 나열이 되어있다. 키보드, 마우스, 터치, control 등등... 내용이 많아서 시간 날 때 한번 봐..