IT 지식
-
[TIL]Day 25. map, sort, slice 에 관하여 (in javascript, feat.code kata)IT 지식 2020. 10. 15. 11:46
오늘의 포스팅은 자바스크립트에서 많이 사용하는 메소드인 map, sort, slice 에 관하여 알아보도록 하겠습니다. (map은 어제도 정리하긴 했지만 오늘 다시 보니 새로워서 한 번 더 정리하려고 합니다.) 1. map 더보기 map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다(from. MDN). const array1 = [1, 4, 9, 16]; // pass a function to map const map1 = array1.map(x => x * 2); console.log(map1); // expected output: Array [2, 8, 18, 32] //(from MDN) map 메소드는 배열내의 인자를 반복하여 새로운 ..
-
[TIL]Day 24. map, reduce 메소드에 관하여 in javascriptIT 지식 2020. 10. 13. 17:47
오늘은 자바스크립트 메소드 중 활용도가 매우 높다고 하는 map과 reduce 메소드에 대해 알아보도록 하겠습니다. 1. map map 메소드는 MDN 문서에는 다음과 같이 정의하고 있습니다. 더보기 map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. map메소드는 다음과 같이 사용합니다. arr.map((요소, 인덱스, 배열) => { return 요소}); map은 반복문을 돌며 배열 안의 요소들을 1 대 1로 짝지어 주는 역할을 합니다. 그 요소들을 어떻게 짝지어줄 것인가에 대해서는 함수로 정의할 수 있습니다. 이때 특이한 점은 map 메소드의 return 값으로 나온 배열은 기존의 배열과는 다른 새로운 배열이라는 것입니다. 단, 배열..
-
[TIL]Day 23. 마크다운에 대하여IT 지식 2020. 10. 8. 13:51
오늘 포스팅은 개발자들 사이에서 흔하게 볼 수 있는 마크다운(Markdown) 문서에 대해 알아보겠습니다. 1. 마크다운이란?? "마크다운 (Markdown)은 마크업 언어의 일종으로, 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 만들었다. 처음 이메일의 글쓰기 형식에 영감받아 python을 이용하여 html변환기를 만드면서 시작되었다. 마크다운 문법은 읽기도 쉽지만 쓰기도 쉽다는 장점이 있다. 그루버는 마크다운으로 작성한 문서를 HTML로 변환하는 펄 스크립트도 만들었다. 확장자는 .md를 쓴다." 웹 개발을 하거나 git 을 사용하다보면 확장자가 .md 인 파일을 종종 마주치게 되는 일이 있으실 겁니다. 보통 readme.md의 파일 명으로 작성되어 있기 때문에 별로 중..
-
[TIL]Day 22. Code Kata 내용 정리(201006)IT 지식 2020. 10. 6. 11:25
이번 포스팅은 Code Kate에 대한 내용을 정리해보도록 하겠습니다. * 문제 reverse 함수에 정수인 숫자를 인자로 받습니다. 그 숫자를 뒤집어서 return해주세요. x: 숫자 return: 뒤집어진 숫자를 반환! 예를 들어, x: 1234 return: 4321 x: -1234 return: -4321 x: 1230 return: 321 더보기 해결책: Number형태의 자료형은 그 단일 문자를 split 할 수 없기 때문에, 우선 각각의 숫자들을 구분하기 위해 string 자료형으로 바꿔줘야 합니다. 그 후 string화 된 자료형을 split 메소드를 이용하여 각각의 구분된 배열로 바꾼 후 -> reverse 메소드를 이용하여 배열의 순서를 바꾸고 -> join 메소드를 이용하여 각각의 문..
-
[TIL]Day 21. for/in 을 사용하면 안되는 이유!!!(in JS)IT 지식 2020. 10. 5. 13:12
오늘은 wecode에서 code kata를 하고 나서 알게 된 for/in 문의 사용법에 대해 포스팅하도록 하겠습니다. 1. 문제의 시작 ----------------------------------------------------------------------------------------------------------------------------------- 더보기 * 문제 twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면, 더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요. nums: 숫자 배열 target: 두 수를 더해서 나올 수 있는 합계 return: 두 수의 index를 가진 숫자 배열 예를 들어, nums은 [4, 9, 11, 14] target은..
-
[TIL]Day 20. 리액트(React)란?IT 지식 2020. 10. 4. 17:50
프론트엔드 개발자라면 누구나 리액트라는 단어는 한 번쯤 접해보셨을 겁니다. 현재 수많은 기업에서 활용하고 있고, 리액트 커뮤니티도 엄청나게 활성화 되어 있어서 이것을 잘 배워둔다면 여기저기 활용할 요소가 많은 것이 사실이죠. 오늘은 이렇게 핫한 리액트가 도대체 무엇인지 살펴보는 시간을 가져보도록 하겠습니다. 1. 리액트란? 리액트는 웹/앱의 뷰를 개발할 수 있도록 도와주는 라이브러리입니다. 우리가 지난 시간에 살펴보았던 라이브러리라는 단어가 다시 나오는군요! 이전 포스팅에서 얘기했던 것처럼 라이브러리는 특정 언어로 작성된 응용도구라고 생각하시면 되는데요, 리액트의 경우에는 자바스크립트로 작성된 라이브러리라고 할 수 있습니다. 그렇다면 왜 리액트가 탄생하게 된 것일까요? 예전의 웹 생태계에서는 html과 ..
-
[TIL]Day 19. 문자 인코딩이란?IT 지식 2020. 9. 29. 11:33
우리가 컴퓨터를 하다 보면 종종 저런 화면을 보게 될 때가 있습니다. 인터넷 서핑 중 저런 화면을 만나게 된다면 내 컴퓨터가 해킹되고 있는 것은 아닌지 걱정이 되기도 하고, 코딩 중 저런 화면을 만나게 된다면 설마 내 프로젝트가 전부 날아가게 되는 것은 아닌지 절망감에 빠지기도 합니다. 하지만 저 화면은 생각보다 무서운 화면은 아닙니다(상황에 따라선...). 저런 화면이 나오게 되는 것은 문자 인코딩이 제대로 되지 않은 경우에 많이 발생하게 됩니다. 오늘의 포스팅은 바로 이 문자 인코딩에 관한 것입니다. 1. 아스키코드와 유니코드 문자 인코딩을 말하기에 앞서 우리가 알아야 하는 것은 아스키코드와 유니코드라는 개념입니다. 컴퓨터활용능력시험(줄여서 컴활)을 공부해보신 분이라면 한번쯤 접해보셨을 만한 단어입니..
-
[TIL]Day 18. 라이브러리? 프레임 워크?IT 지식 2020. 9. 28. 16:31
개발을 하다보면 라이브러리를 활용해야 한다거나 프레임워크를 사용해야 한다는 말을 많이 듣게 됩니다. 문맥상 나에게 필요한 기능을 가져다 쓴다는 것은 알겠는데, 신입 개발자 입장에서 그 둘의 차이점이 뭔지 명확하게 와닿지 않는다는 것이 문제입니다. 오늘은 라이브러리와 프레임워크의 차이점에 대해 알아보는 시간을 가져보도록 하겠습니다. 1. 라이브러리(library) 란? 라이브러리란 영문사전을 찾아보면 도서관이라는 뜻입니다. 왜 이런 이름이 붙었을까요? 우리가 도서관을 가서 하게 되는 일은 우리가 읽고 싶은 책을 찾아서 읽는 것입니다. 경우에 따라서는 읽는 것에서 나아가 그 지식을 실생활에 활용하는 일까지 하게 되죠. 라이브러리는 이처럼 우리가 개발을 하다가 필요한 기능이 생겼을 때, 다른 사람들이 미리 구..