소소한 기록

'use strict' 2009년 ES5가 등장했을 때, 이전 자바스크립트와 호환되지 않은 기능들이 많이 추가됐습니다. 이는 실행시 문제를 일으킬수 있었습니다. 그래서 ES5의 기본모드에서는 변경사항들이 활성화되지 않도록 설정해서, 하위 버전들과의 호환성 문제를 해결했습니다. 근데, 최신 변경사항들을 사용하고 싶은 사람들이 있지 않겠습니까? 자바스크립트 최상단에 'use strict'라고 적어주면, 최신 변경사항들이 활성화돼서 최신 버전을 사용할 수 있습니다. 하위 버전과의 호환성 문제는 생기겠죠. 참고로 함수만 엄격모드를 사용하고 싶을 때는, 함수 제일 앞에 'use strict'를 쓰면 됩니다. 변수에 하이픈(-)을 사용할 수 없습니다 HTML이나 CSS 속성에 하이픈(-)이 들어가는게 많습니다. b..

컴포넌트라는 말이 조금 어렵게 느껴질지 모르겠습니다. 구성요소, 부품, 레고블록 등의 여러 해석 중에 '부품'이라는 말을 쓰면 좋을 것 같습니다. 부품들을 조립해서 물건을 만드는 것처럼, 컴포넌트를 조립해서 프로그램을 완성할 것이기 때문이죠. 리액트에서 사용하는 컴포넌트는 HTML로 대체되는 부품입니다. javascript를 사용해서 부품 기능을 만들고, CSS를 이용해서 부품을 예쁘게 만듭니다. 잘 만든 부품들을 조립해서 최종결과물을 만듭니다. 자동차를 만들 때 엔진, 에어컨, 바퀴등을 각각 만들어서 하나로 조립하는 걸 생각하시면 됩니다. 다만 실제 자동차 조립과 다른 점은 실제 자동차는 바퀴를 네 개 만들어야 하지만, 프로그래밍에서는 하나의 바퀴 컴포넌트를 만들어서 무한대의 바퀴를 만들어 쓸 수 있습..

JSX(JavaScript for XLM)는 javascript 구문을 조금 확장한 것이라고 생각하시면 됩니다. HTML과 javascript를 섞어서 쓸 수 있습니다. 주로 리액트에서 많이 사용됩니다. 예전에는 웹을 만들 때, 화면구조와 내용은 HTML, 디자인은 CSS, 로직은 javascript로 나눠서 만들었습니다. 파일도 별도로 관리됐죠. 그런데 웹이 더 복잡해지고, 상호작용도 많아지면서, 로직에 따라 다른 HTML을 보여주는 상황이 늘어났습니다. 그래서 javascript가 바로 HTML을 다룰 수 있도록 JSX가 나타났습니다. // JSX 구문 const element = ( Hello, world! ); // javascript 구문 const element = React.createEle..

리액트 초보라는 말이 맞는 말인지 잘 모르겠습니다. 리액트를 배우려면 기본적으로 알고 있어야 하는 게 많기 때문이죠. 리액트에 대해 아무것도 몰랐을 때, 프로젝트에 투입이 된 적이 있었습니다. 여러 기술이 마구 섞인 코드는 암호문에 가까웠습니다. 암호문을 해독하는데, 오랜 시간이 걸렸습니다. 그래서 오늘은 리액트 공부 전에 알아두면 좋을 5가지를 알아보도록 하겠습니다. 1. 자바스크립트 라이브러리다. 지금은 바뀌었는데, 이전 리액트 공식 홈페이지 첫화면에 크게 적혀있던 내용이었습니다. 라이브러리는 해당언어로 만들어 놓은 함수들의 집합을 말합니다. 리액트가 자바스크립트 라이브러리라는 건 리액트는 곧 자바스크립트라는 말입니다. 리액트 = 자바스크립트 이 말은 리액트를 하기 위해서는 자바스크립트 관련 지식이 ..

chatGPT와 함께하는 시간이 즐겁다. 어쨌든 결과를 내주는 부하직원이 있다는 건, 꽤나 즐거운 일 인것 같다. 오늘은 폴더에 있는 pdf를 한 파일로 합치는 파이썬 프로그램을 작성해 봤다. 난 다른걸 더 해보고 싶은데, 위에서 하라는 건 어쩔 수가 없다. chatGPT에게 지시한다. 폴더를 선택하여 폴더내에 존재하는 pdf 파일 전체를 병합하는 파이썬 코드를 작성해 주세요. AI가 인격을 갖게 될지도 모른다는 생각에, 높임말을 사용해서 지시를 하고 있다. chatGPT가 답한다. import os from PyPDF2 import PdfFileMerger # 병합할 PDF 파일들이 들어 있는 폴더 경로 설정 folder_path = '폴더 경로' # 폴더 내 PDF 파일 목록 불러오기 pdf_file..

chatGPT에 푹 빠져서 살고 있다. 업무 결과를 딱딱 내는 이 녀석에게 일 시키는 게 재미있다. 가끔 내 생각을 넘어서는 결과를 낼 때는 좀 오싹한 기분이 들기도 한다. 아직은 어설프지만 나보다 실력 있는 후임을 봤을 때 느낌이려나? 조만간 이 녀석은 나를 넘어설 것이고, 난 갈길을 잃을 것이다. 많은 개발자가 내 전철을 밟지 않을까? 이년 전쯤에 파이썬으로 윈도우 프로그램을 짠다고 헤맨 적이 있었다. 정보를 10개 정도 받아서 코드를 자동으로 생성하는 코드 생성기를 만들고 있었다. 실력이 미천해서 창을 제대로 그리는데만 일주일이 넘게 걸렸고, 중요 로직을 포함해서 한 달 넘게 시달렸었다. 누가 결과를 내라고 다그치지 않았던 토이프로젝트였기 때문에, 흥미가 반감되고 자연스럽게 묻혔었다. chatGPT..

chatGPT에 충격을 받은 후, AI를 다시 보게 됐습니다. 지금까지 AI라고 하면, 시리, 알렉사, 구글어시스턴트가 전부였습니다. 어눌한 기계음, 짜증 나는 결과들이 AI 경험의 전부였죠. 그런데 chatGPT는 진짜 똑똑한 비서의 느낌이었습니다. chatGPT를 활용한 토이프로젝트를 해보고 결과를 포스팅하도록 하겠습니다. 오늘은 작년에 이슈가 되었던 깃헙의 코파일럿을 설정해 보려고 합니다. 함께 페어프로그램을 할 수 있는 코딩 어시스턴트라고 할 수 있겠네요. 코파일럿 역시 Open AI의 기술이 활용되었다고 해서, 얼마나 도움이 되는지, 업무를 자동화시킬 수 있는 것들이 얼마나 있는지 알아보겠습니다. 일단 설치부터 하고요. VSC에 Copilot 확장기능을 추가하면 다 될 줄 알았는데, 유료가 되고..

마이크로소프트가 자사의 브라우저인 Bing에 AI를 장착했습니다. chatGPT에 대규모 투자를 한 마이크로소프트가 AI를 이용하여 검색시장을 노릴 것이라는 관측이 많았었는데, 그게 현실이 됐습니다. 메인 화면이 확 달라진 것을 볼 수 있습니다. 마이크로소프트는 2023년 2월 7일 열린 기자회견에서 Bing 검색 엔진 및 Edge 브라우저에 대한 새로운 AI 기반 업데이트를 발표했습니다. Bing 검색엔진에 새로운 AI 기술을 접목해서 새로운 검색시장을 만들겠다는 포부를 밝혔습니다. 새로운 AI 기술은 chatGPT가 아니라고 했지만, chatGPT를 만든 Open AI의 샘 알트만 CEO가 무대에 잠깐 오른것으로 chatGPT와무관하지 않음을 보여줬습니다. 현재 Bing에 접속하면 실시간으로 채팅을 ..

defaultdict()는 딕셔너리를 만드는 dict클래스의 서브클래스이다. 작동하는 방식은 거의 동일한데, defaultdict()는 인자로 주어진 객체(default-factory)의 기본값을 딕셔너리값의 초깃값으로 지정할 수 있다. 숫자, 리스트, 셋등으로 초기화 할 수 있기때문에 여러 용도로 사용할 수 있다. 기본적인 작동방식을 살펴보면 >>> from collections import defaultdict # 외부함수이기 때문에 import 해야한다. >>> int_dict = defaultdict(int) >>> int_dict defaultdict(, {}) # 디폴트값이 int인 딕셔너리 위와 같이 설정을 하면 값을 지정하지 않은 키는 그 값이 0으로 지정된다. >>> int_dict['k..

프로젝트에 타입스크립트를 처음 사용해 봤습니다. 자바스크립트와 비슷하다고 해서 별도로 공부를 하지 않았는데, 소스를 보니 타입스크립트를 모르고서는 소스분석이 불가능했습니다. 그래서 앞으로 몇 번에 걸쳐 타입스크립트를 세세하게 알아보려고 합니다. 몇 번으로 정리가 될지는 잘 모르겠습니다. 어쨌든 열심히 해 보겠습니다. 타입스크립트는 스택 오버플로우에서 실시한 2022 개발자 설문조사에서 가장 사랑하는 언어 4위에 랭크된 언어입니다. 73.46%의 개발자가 타입스크립트를 좋아하고, 계속 사용할 것이라고 답했습니다. 그만큼 폭넓은 사랑을 받고 있습니다. 타입스크립트가 왜 이렇게 사랑을 받고 있고, 강점은 무엇인지 알아보도록 하겠습니다. 탄생 프런트엔드 기술이 자바스크립트로 정리돼 가고 있습니다. 자바스크립트가..