WeCode
-
[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) 란? 라이브러리란 영문사전을 찾아보면 도서관이라는 뜻입니다. 왜 이런 이름이 붙었을까요? 우리가 도서관을 가서 하게 되는 일은 우리가 읽고 싶은 책을 찾아서 읽는 것입니다. 경우에 따라서는 읽는 것에서 나아가 그 지식을 실생활에 활용하는 일까지 하게 되죠. 라이브러리는 이처럼 우리가 개발을 하다가 필요한 기능이 생겼을 때, 다른 사람들이 미리 구..
-
[TIL]Day 17. addEventListener 에 대해IT 지식 2020. 9. 23. 19:30
자바스크립트의 활용성이 커짐에 따라 웹에서는 다양한 이벤트를 발생시킬 수 있게 되었습니다. 이러한 이벤트의 발전은 웹 개발을 프론트엔드와 백엔드를 분화시키는데 큰 기여를 하게 되었습니다. 오늘은 자바스크립트의 기능 중 이벤트를 달 때 사용하는 함수인 addEventListener에 대해 알아보도록 하겠습니다. 1. addEventListener란? addEventListener는 앞서 말씀드렸다시피 이벤트를 달때 사용하는 함수입니다. 이 단어를 직역하자면, '이벤트를 듣고 있는 함수를 더해주겠다.'는 의미가 되죠. addEventListener는 개발자가 정한 특정 이벤트를 주시하고 있다가 그 이벤트가 발생할 때 인자로 받은 함수를 실행시켜줍니다. 예시를 들어보면 다음과 같습니다. 요소.addEventL..
-
[TIL]Day 16. HTTP와 DOM의 개념IT 지식 2020. 9. 22. 19:50
이번 포스팅은 http와 DOM의 개념에 대해 알아보도록 하겠습니다. 1. http 1) http의 뜻 http의 단어를 뜯어보면 다음과 같다. 더보기 ht: hyper-text t: transfer p: protocol hyper-text라는 뜻은 문서와 문서가 링크로 연결된다는 뜻입니다. transfer는 전송한다라는 뜻을 가지고 있죠. protocol은 규약이라는 뜻입니다. 즉, 직역하자면 '문서와 문서가 링크로 연결된 묶음들을 서로 전송하는 규약'이라고 할 수 있습니다. 2) http의 두 가지 특징 (1) Request / Response (요청 / 응답) http 통신의 핵심은 요청과 응답입니다. 통신을 한다는 것은 누군가가 메세지를 보내고 또 다른 누군가가 그 메세지를 받는다는 뜻이죠. 다시..