IT 지식
-
[TIL] 21/01/12 알고리즘 풀이IT 지식 2021. 1. 12. 13:55
문제 - 프로그래머스 월간 코드 챌린지 시즌 1 > 두 개 뽑아서 더하기 문제 설명 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다. 입출력 예 더보기 numbersresult [2,1,3,4,1] [2,3,4,5,6,7] [5,0,2,7] [2,5,7,9,12] 입출력 예 설명 입출력 예 #1 2 = 1 + 1 입니다. (1이 numbers에 두 개 있습니다.) 3 = 2 + 1 입니다. 4 = 1 + 3 입니다. 5 = 1..
-
새해 맞이 2020 개발 트렌드 돌아보기 - 가장 많이 사용한 협업툴, 연봉순위 등IT 지식 2021. 1. 6. 12:57
지난 포스팅에 이어 가장 많이 사랑받은 / 기피하는 / 관심있는 언어들에 대해 알아보도록 하겠습니다. 오늘 포스팅의 자료는 Nomad Coders의 니꼬쌤 영상과 stackoverflow, npm trends의 자료를 참고하였습니다. (스택오버플로우의 통계는 20년 2월 자료로, 추후 새로운 자료가 업데이트 되면 해당 내용에 대한 내용으로 재포스팅 하도록 하겠습니다.) 1. 가장 많이 사용한 협업 툴 개발하면서 가장 많이 사용한 협업 툴로는 역시 GitHub가 뽑혔습니다. 무려 82%의 응답자가 사용한다고 답했습니다. 이 외에도 요즘 많이 쓰이는 Slack, Jira, Google Docs 등의 기술 들도 순위권에 있는 것을 알 수 있습니다. 2. 언어별 연봉 순위 가장 높은 연봉을 받는 언어는 Perl..
-
새해 맞이 2020 개발 트렌드 돌아보기 - 가장 많이 사랑받은 기술들IT 지식 2021. 1. 6. 12:46
지난 포스팅에 이어 가장 많이 사랑받은 / 기피하는 / 관심있는 언어들에 대해 알아보도록 하겠습니다. 오늘 포스팅의 자료는 Nomad Coders의 니꼬쌤 영상과 stackoverflow, npm trends의 자료를 참고하였습니다. (스택오버플로우의 통계는 20년 2월 자료로, 추후 새로운 자료가 업데이트 되면 해당 내용에 대한 내용으로 재포스팅 하도록 하겠습니다.) 1. 가장 많이 사랑받은 / 기피하는 / 관심있는 언어 Rust는 무려 5년 연속 가장 많이 사랑받은 언어 1위를 차지했습니다. TypeScript는 Python을 제치고 2위의 자리를 차지했습니다. 작년에 비해 5계단 성장한 Go의 성장세가 눈에 띄고 있습니다. Android 개발 언어인 Kotlin과 Flutter의 언어인 Dart가 ..
-
새해 맞이 2020 개발 트렌드 돌아보기 - 가장 많이 사용한 기술들IT 지식 2021. 1. 6. 12:42
오늘 포스팅은 새해를 맞이한 기념으로 지난 한 해의 개발 트렌드가 어떠했는지를 돌아보는 시간을 가져보도록 하겠습니다. 작년의 흐름을 살펴보고 올해 새로 시작하는 프로젝트에 이러한 흐름들을 반영할 수 있다면 너무나 좋을 것 같습니다. 오늘 포스팅의 자료는 Nomad Coders의 니꼬쌤 영상과 stackoverflow, npm trends의 자료를 참고하였습니다. (스택오버플로우의 통계는 20년 2월 자료로, 추후 새로운 자료가 업데이트 되면 해당 내용에 대한 내용으로 재포스팅 하도록 하겠습니다.) 1. 가장 많이 사용한 웹 프레임 워크 지난 해 가장 많이 사용한 웹 프레임 워크는 jQuery가 꼽혔습니다. 하지만 그 지위를 서서히 React와 Angular에게 빼앗기고 있는 모습입니다. 또한 ASP.ne..
-
[TIL] 웹팩에 대하여IT 지식 2020. 12. 29. 15:10
저는 프로젝트 초기 셋팅을 주로 create-react-app 이나, create-next-app을 활용하여 진행합니다. 이 npx 명령어들은 웹팩과 바벨에 대한 셋팅까지 자동으로 해주기 때문에 이전까지는 제가 웹팩이나 바벨에 대해 신경을 쓰지 않아도 됐습니다. 하지만 프론트엔드 개발자로서 웹팩과 바벨에 대한 기본적인 이해가 필요하다고 생각하게 되었습니다(내가 활용하고 있는 기술 스택이 뭔지는 알고 써야하니까요). 그래서 이번 포스팅에서는 웹팩이란 무엇이고 이것을 어떻게 활용하는 지에 대해 알아보도록 하겠습니다. 1. 웹팩이란? 웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈번들러(Module Bundler)입니다. 모듈 번들러란 웹 애플리케이션을 구성하는 소스코드 등(HTML, CSS,..
-
[TIL] 동적 라우팅IT 지식 2020. 12. 6. 18:02
저는 지금까지 프로젝트를 진행하면서 동적라우팅을 직접 사용해 본 적이 없습니다. 좀 더 구체적으로 말하자면 다른 팀원분들이 해당 부분을 코딩해주셔서 저는 따라가기만 했던 것인데요, 앞으로의 프로젝트에서는 분명 동적 라우팅을 해야하는 경우가 생길 것이기에 오늘 포스팅을 정리하면서 동적 라우팅을 좀 더 익혀보는 시간을 가져보도록 하겠습니다. 1. 동적 라우팅이 뭔가요? 동적 라우팅이란 라우트의 경로에 특정 값을 넣어 해당 페이지로 이동할 수 있게 하는 것을 말합니다. 보통 react에서는 해당 기능이 없기 때문에 react-router라는 라이브러리를 통해 이 기능을 구현하곤 합니다. react router에서는 두 가지 방법을 통해 유동 라우팅 기능을 구현할 수 있는데, Query parameters UR..
-
[TIL] 로컬 스토리지, 세션 스토리지 그리고 쿠키IT 지식 2020. 12. 6. 16:47
지금 진행 중인 프로젝트에서는 쿠키를 사용하여 데이터를 활용한 적이 있습니다. 이 전의 프로젝트에서는 로컬 스토리지에 데이터를 담았던 적이 있구요. 하지만 이렇게 활용하다보니, 도대체 로컬 스토리지와 쿠키의 차이점이 뭘까?라는 의문이 들었습니다. 오늘의 포스팅은 바로 이 의문점을 해결하는 것으로 이루어져 있습니다. 1. 브라우저의 데이터를 컴퓨터에 기록하는 방식 로컬 스토리지, 세션 스토리지 그리고 쿠키는 모두 인터넷을 하면서 발생하는 데이터를 컴퓨터에 기록하는 방식입니다. 이 중에서 로컬 스토리지와 세션 스토리지는 HTML5 에서 추가된 저장소라고 합니다. 그렇다면, HTML5 이전에는 어디에 데이터를 저장했을까요? 눈치 빠른 분들은 아셨겠지만, 바로 쿠키에 저장했다고 합니다. 1) 쿠키 쿠키는 만료 ..
-
[TIL] Timer 만들기IT 지식 2020. 12. 6. 15:49
이번 프로젝트를 진행하면서 제가 직접 타이머를 만들어야 했습니다. 라이브러리를 쓰지 않고 직접 만들어보려고 하니, 너무 오래 걸리고 쉽지 않았습니다. 지금 현재도 완벽하게는 작동하지 않지만, 그래도 그럭저럭 움직이는 타이머를 만들어보고 나니 저처럼 직접 타이머를 만들어야 하는 분들이 있을 것 같아, 제가 타이머를 만들던 과정을 남겨놓고 코드를 남겨 놓으면 다른 분들에게 도움이 될 것 같아 이번 포스팅을 작성하게 되었습니다. 해당 타이머는 React를 활용해서 만들었습니다. 1. 초기 타이머 맨 처음 만든 타이머는 setTimeOut 함수를 통해 만들었습니다. Date 객체를 활용하여 현재 시각이 매 초 찍히게 만들었고, 시작시간을 state로 기록하여 현재 시각에서 시작 시간을 빼주는 방식으로 로직을 생..