1995년 앞서 말했던 Netscape Communications의 두 가지 전략은 당시 Microsoft라는 공룡에 대항하기 위해 동시에 진행되었다. 1995년 4월 Netscape은 Brendan Eich를 영입하게 되었다. 5월에 Netscape 2.0 beta의 일정에 맞추기 위해 Brendan Eich는 입사하자마자 10일만에 브라우저에서 사용할 수 있는 동적 언어를 탄생시켰다. 10일만에 무에서 유를 창조할 수 없으니 Brendan Eich는 여러 언어에서 아이디어를 따왔다. 그 중 특히 4가지에서 영감을 받았는데, 1. 함수형 언어인 Lisp 계열의 Scheme이란 언어에서 영감을 받고 (first-class functions) 2. Bill Atkinson이 개발한 매킨토시의 Hyperta..

서론 Frontend framework의 진화에 대해서 이해를 하면 왜 javascript가 현재의 모습인가에 대한 약간의 통찰이 생긴다. 그러나 framework의 역사를 이해하려면 browser의 진화에 대해 같이 봐야 이해도가 더 올라간다. 그래서 browser, javascript, framework의 evolution에 대해서 간략히 정리해보려고 한다. HTML 브라우저 진화 정리하기 전에 우선 HTML은 언제부터 쓰였나가 궁금해져서 검색해보았다. 시작은 유럽의 입자물리연구소인 CERN에서 출발하였다. 세계의 여러 대학과 연구기관에서 일하는 물리학자들 상호간의 신속한 정보교환과 공동연구를 위해 고안되었다. WWW와 HTML과 현재 URL구조의 창시자로 유명한 영국의 Tim Berners-Lee(..

Topic. Selenium 에서 사용자가 브라우저 상에서 click, input 하는 이벤트를 감지하여 기록해보는 방법을 알아봅니다. 1. 개요 Selenium 이하 '셀레니움' 은 웹브라우저 드라이브를 관리하지만 드라이브에서 발생하는 이벤트를 가져오는 기능은 아무리 찾아보아도 없었습니다. 하지만 셀레니움에는 자바스크립트 주입 기능이 있습니다. 이 기능을 활용하여 사용자의 이벤트를 콘솔에 찍어보겠습니다. 이어서 파이썬 변수로 가져오는 방법도 알아보겠습니다. 2. 준비 os macOS python 3.12 selenium 4.15.2 selenium-wire 5.1.0 윈도우는 셀레니움 설치시 크롬드라이브 설치를 해야하니 아래 블로그를 참조하세요. https://somjang.tistory.com/ent..

nextjs 공식사이트를 모니터링 하던 중 너무 잘만들어진, 학습과정이 있어 가져왔습니다. Next.js Learn Course next블로그를 읽다가 학습 과정에 대한 내용을 발견했는데요 내용은 아래의 이미지와 같습니다 Learn Next.js | Next.js by Vercel - The React Framework (nextjs.org) 다음.js 14 | 다음.js (nextjs.org) 처음 Next.js를 접했을 때는 이런 기능이 없었던 것 같은데... 이런 교육적인 요소도 제공해주는 환상적인 Next.js입니다. 그래서 해당 기능을 확인해보니, 설정된 학습 과정은 이렇게 구성되어 있습니다 또 여기서 react를 배운 적이 없다면, react 기초부터 배울 수 있도록 구성되어 있습니다 아.....

형태소분석이란? 형태소란 언어의 최소 의미 단위를 말하며, 형태소 분석이란 형태소보다 큰 언어 단위인 어절, 문장을 최소 의미인 형태소로 분절하는 것이다. Mecab Mecab-ko는 오픈소스 한글 형태소 분석기로, Mecab 이라고 하는 일본어 형태소 분석기를 차용하여 한글 특성을 반영한 분석기이다. 많은 형태소 분석기 중 직접 테스트를 해보았을때 형태소 분석 및 시간이 가장 효율적이어서 Mecab을 사용하였다. RDB vs Elasticsearch 속도 비교 case 1 : 데이터 10만건 데이터에서 10000건 단순 조회 case 2 : 데이터 10만건 데이터에서 조건문 1개 조회 case 3 : 데이터 10만건 데이터에서 조건문 3개 조회 단순 조회에서는 속도차이가 크게 다르지 않았지만 조건문이 ..

Headless & Composable E-Commerce Next.js Conf 2023 메인 발표 섹션 중 하나 → BigCommerce https://youtu.be/EtjQoxNcnc4?list=PLBnKlKpPeagl57K9bCw_IXShWQXePnXjY 내용 : BigCommerce에서 Next.js로 headless storefront를 개발 중이다. Head도 front라는 의미, Storefront도 front라는 의미. 이 의미를 알기 위해서는 headless라는 용어의 유래를 살펴보아야 한다. Headless E-commerce란 무엇인가? 사전적 의미: frontend 없음 → 용어 오해 → front framework에 '상관없는' 뜻이 더 부합 용어의 유래: 약10년전 'Head..