728x90
반응형

전체 글 155

[TIPS] VScode 확장프로그램 Live Share

페어로 스프린트나 프로젝트 혹은, 스터디를 진행하면 내가 전달하고자 하는 부분이 잘 전달되지 않을 때가 있다. 특히, 오탈자의 경우 작성자가 잘 찾지 못하는 경우가 있어 고구마를 다섯개 주워먹고 시간은 시간대로 날리는 때도 적지 않다. 만약 우리가 vscode의 확장프로그램 라이브쉐어 ( Live Share ) 를 이용한다면, 위의 경우는 더 이상 문제가 아니다. 라이브 쉐어 ( Live Share ) 기능요약: 코드 동시 편집 웹 프로그래밍 시 편집된 내용을 내 PC에서 url로 접속하여 확인 가능 커뮤니케이션 툴 ( 채팅, 음성통화 ) 어마어마하다. 특히 코드를 동시에 편집할 수 있다니!!!!!! 내 PC에 설치되어있는 vscode로 다른 사람의 로컬 레포지토리에 존재하는 코드를 함께 보며 편집할 수..

TIPS 2020.08.17

20200816

오늘 하려고 세운 목표가 너무 많았나...? 아니면 내가 그냥 하기 싫어 미루는 걸까? 스스로에게 조금은 채찍이 필요한 날이다 8월 16일 (일) Today I Learned 오늘은 알고리즘 공부와 블로깅, 그리고 리액트에 대해 공부하였다 알고리즘은 챕터2 선택정렬까지 했는데, 스터디에서 함께 만들어보려 했으나 시간을 너무 넘겨버렸다. 이 부분에 대한 대책이 필요하다. 블로깅을 쉽게 이해할 수 있게 하려고 노력하는 편인데, 아무래도 어려운 개념을 쉽게 설명하려다보니 지금은 굳이 설명할 필요가 없다면 과감히 생략한다. 그런데 이게 내가 보기엔 조금 부족하다는 생각이 종종 든다. 중간점을 찾아야겠다. 리액트 공부를 하려고 하는데, 전혀 모르는 내용이라서 그런지 강의를 찾아보고 자료를 찾아보고 직접 해봐도 이..

Today I Learned 2020.08.16

[JavaScript] 고차함수와 콜백함수, 퍼스트 클래스

어려운 표현은 최대한 필터링하고, 아주 쉽게 이해할 수 있도록 설명하자. 기본적으로 우리가 아는 함수는 변수를 파라미터로 받거나, 받지 않을 수 있다. 또, 파라미터를 받더라도 안쓰는 경우도 있다. 물론 이런 경우라면 파라미터를 굳이 받을 필요가 없겠지만. 그렇다면, 파라미터로 받아오는 변수는 무엇을 담고 있을까? 퍼스트 클래스 ( First Class Citizen ) 고차 함수는 파라미터로 함수를 받아온다. 머리가 아프다. 파라미터로는 변수만 오는 거 아니었어? 아래의 예시를 보자 const a = 1; // 변수 a에 숫자 1을 할당한다. const b = [1, 2, 3]; // 변수 b에 배열 [1, 2, 3]을 할당한다 const c = { key: 'value' }; // 변수 c에 객체 {..

JavaScript 2020.08.16

[Javascript] 클래스의 요소와 메소드

지금까지 배우던 메소드는 결국 컨스트럭터를 가진 클래스의 함수이다. 클래스는, 일종의 템플릿인데 변수에 새로운 클래스를 할당받으면 클래스에 선언해둔 값을 사용할 수 있고 함수를 메소드처럼 적용할 수 있다. 당연히 Array()는 일종의 클래스이고, 그렇기에 배열을 선언하면 각종 메소드를 자유롭게 사용할 수 있다. 오늘은 이전에 작성해둔 메소드를 이용해 나만의 짭배열, Garray() 클래스를 만들어보았다 클래스 ( Class ) 클래스의 개념부터 시작하기에 앞서, 아래의 예시를 보자. 배열을 생성하는 Array()는 클래스이며, 클래스이기에 메소드를 추가하여 사용할 수 있다. Array.prototype.lalala = function() { console.log('lalala'); } let arr =..

JavaScript 2020.08.15

20200814

한줄평 8월 14일 (금) Today I Learned 오늘은 고차함수와 콜백함수에 대해 공부하였다 고차함수와 콜백함수는, 기존에 우리가 사용하던 메소드에서 파라미터로 함수를 받아오는 함수와 파라미터로써 넘어가는 함수를 지칭한다 그냥 쓰던 거에 이름을 붙인 거라고 생각하면 이해가 쉽다 새로운 페어로 채겸님과 페어프로그래밍을 진행하였다 Tomorrow I'll Learn 그림으로 개념을 이해하는 알고리즘 독서스터디 시작 리액트로 twittler 구현

Today I Learned 2020.08.14

20200813

twittler를 완성했다. 시간을 변경해주는 라이브러리를 못찾아서 걍 구현했다. 방금 막 만든게 undefined가 나와서, 방금 만든거랑 new Date() 해준 게 시간이 같겠구나 해서 해당 부분은 예외처리했더니 해결되었다. 생각보다 뿌듯 ^^ 이미지를 클릭하면 구현해놓은 twittler로 이동이 가능하고, localStrage를 활용하기 때문에 몇 가지 클릭하다가 새로고침해도 이전의 데이터를 유지한다. 8월 13일 (목) Today I Learned 오늘은 twittler를 마무리하였다 동철님과 함께 페어를 진행하였다 Tomorrow I'll Learn 고차함수 페어프로그래밍 예정 민철님께서 내준 과제(myFilter, myMap, myReduce 등 메소드 직접 구현해보기)를 잘 따라했으면 잘할..

Today I Learned 2020.08.13

20200812

드디어 대망의 프론트엔드 기초가 시작되었다. 짭트위터를 만들고 몇가지 함수를 만들어보는 기초적인 내용이었지만, 함수 실행 순서가 꼬이고 머리도 꼬이고... 머릿속이 꼬이기 시작하니까, sort 쓰면 되는 건데 안되잖아!! 이러면서 애꿎은 split과 join만 갈궜다... 8월 12일 (수) Today I Learned 오늘은 새벽에 노마드 챌린지를 제출했다. 운이 좋게도 네 번 다시 코드를 짠 끝에 턱걸이로 패스했다. 내일 아침 6시까지인 챌린지는 다행히도 할 줄 아는 거라 금방 끝냈다! 어젯 밤에 읽었던 블로그 내용중에, 마음을 할퀴는 내용이 있었다. 그동안 동기 중에서 가장 노력한 사람은 아니겠지만, 그래도 상위권이라고 자부했는데 그런 내 시간과 체력의 투자가 단지 전공자라는 세 글자에 가려져 원망..

Today I Learned 2020.08.12

20200811

리액트 공부하며 왜그렇게 힘들었는지 알게된 날이다. DOM이 반드시 선행되어야 하는 거였다. 난 여태까지 그게 다 리액트에서 쓰는 거라고 알았지 뭐야 8월 11일 (화) Today I Learned 오늘은 JS DOM에 대해 공부하였다 클래스 정리는 오늘도 못했다 ㅠㅠ 요즘 노마드코더 vanilla JS 챌린지 하고 있었는데, 로컬 스토리지 접근하는 방식에서 막혀서 허우적거리고 있다. 오늘은 긴 밤이 될 거 같다 Tomorrow I'll Learn DOM 복습, DOM을 활용하여 함수 짜보기 동철님과 페어프로그래밍

Today I Learned 2020.08.11
728x90
반응형