-
React 버전 업데이트 방법
Next.js 프로젝트에서 React 버전을 업데이트하는 방법은 다음과 같은 단계를 포함합니다. 이 과정은 패키지 관리자로 npm이나 yarn을 사용할 수 있으며, 여기서는 두 가지 방법 모두 설명하겠습니다. 1. 현재 React 버전 확인 먼저 현재 프로젝트에서 사용 중인 React와 React DOM의 버전을 확인해야 합니다. package.json 파일을 열어 dependencies 섹션에서 react와 react-dom의 버전을 확인할 수 있습니다. 2. 최신 React…
-
왓슨API, 노드로 구현하기 (Implement Watson API by Node.js)
왓슨API는 다양한 기능의 API를 지원하는데, 개인적으로 유사 API 중 가장 뛰어나다고 생각하는 것이 자연어 프로세싱 관련 API 이다. 특이하게 왓슨에서는 자연어 처리를 위한 API중 AlchemyAPI 라는 것이 있는데, 해당 기능은 IBM에서 AlchemyAPI를 인수하면서 이름을 그대로 사용했기 때문이다. 텍스트 데이터 분석을 위해 AlchemyAPI를 사용하는 방법 중에, 호감도 분석(Sentiment Analysis)과 감정 분석(Emotion Analysis)은 쉽게 사용 가능하다. 입력…
-
Making Website Loading Page with Javascript (사이트 로딩 페이지 만들기)
웹사이트 만들때 자바스크립트모듈이 많고 그 시간이 상당히 걸릴 경우가 있습니다. 특히 네트워크가 안좋은 곳은 전체 자바스크립트 모듈의 용량이 100K 정도 될 경우 몇초간 다운로드까지 대기해야하는 경우가 있죠. 이럴 경우 어떻게 자바스크립트로 로딩중이라는 메시지를 줄 수 있을 까요. 제가 사용하는 방법은 Initial Page에 자바스크립트를 삽입하는 방식입니다. Javascript가 다운로드가 된 후 web page 내용이 변화가 되는데, 변화되기…
-
Text2Html Jquery Plugin
안녕하세요. 쿠입니다. 오랜만에 블로그에 글을 남기는데요. 이번에 작업하다가 text를 html 형태로 변환하는 라이브러리가 필요해 찾다가, 제대로 front-end에서 활용할만한 plugin이 없어 jquery plugin을 간단히 만들어봤습니다. 뭐 일단 기능은 Carreage Return 과 url link 걸어주는 기능만 넣었는데요. github에 오픈 프로젝트로 만들어서, 계속 발전시킬 계획입니다. 혹시나 필요하신 분들은 가져다가 사용하세요. 혹시나 필요한 기능이 더 있으신 분들은 이슈에 남겨주시면…
-
COFFEESCRIPT Study #6 : 커피스크립트의 함수 실행 시, 배열, 객체 파라메터 넘기기
안녕하세요. 쿠 입니다. 커피스크립트에서 여러가지 함수들을 실행할 경우가 있습니다. 이때 파라메터를 넘기는 방식에 대해서 조금 어려워하는 경우가 있습니다. 하지만 기본 원리를 이해한다면 아주 쉽게 접근할 수 있습니다. 사실 저도 처음에는 조금 어려웠는데요. 여러 외국 사이트들을 참조해 좋은 개념들을 찾아낼 수 있었습니다. 자 시작해봅시다. class Study f1: (param)-> console.log param.message console.log param.message2 자 가장 쉬우면서도 많이…
-
COFFEESCRIPT Study #5 : 커피스크립트에서 @ (this) 개념 이해하기
안녕하세요. 쿠입니다. 오늘 설명드릴 내용은 커피스크립트에서 무작정 많이 사용하는 @ 개념에 대해 포스팅해보도록 하겠습니다. @는 자바스크립트에서 쓰는 this와 거의 완전히 같은 개념이라고 볼 수 있습니다. 잠시 Javascript에서 this의 개념을 간단히 설명해 보겠습니다. Javascript 에서 this가 가리키는 객체는 상황에 따라 다릅니다. 총 4가지 상황이 존재하는데요. 1. 메서드에서 호출 (메서드는 오브젝트 내 속성에 함수가 존재할 경우) 2.…
-
COFFEESCRIPT Study #4 : 커피스크립트 시작하기 (2)
커피스크립트의 기본 원칙과 철학을 이해하면 언어를 배우고 사용하기가 더 쉽습니다. 커피스크립트는 자바스크립트의 기능을 1:1 매칭하는 것이 기본 컨셉입니다. 자바스크립트로 작성하는 코드와 동일한 명령어를 동일한 개수만큼 써야 합니다. 자바스크립트의 내용을 그대로 변환만 해서 커피스크립트의 내용으로 작성하면 되는 것입니다. 물론 예외적으로 this를 치환하는 @를 사용하는 방식에 따라 추가적인 코드를 제공하기도 합니다. 이는 하지만 자바스크립트에서 관습적으로 사용되는 this…
-
COFFEESCRIPT Study #3 : 커피스크립트 시작하기 (1)
일반적으로 펄 같은 스크립트 언어를 사용해 본 사람들은 커피스크립트를 매우 편하게 사용할 수 있습니다. 다행이도 필자는 펄, 루비, 파이썬과 같은 스크립트언어와 익숙하기 때문에 커피스크립트를 배우는데 시간이 별로 걸리지 않았습니다. 커피스크립트는 자바스크립트 변수 시스템을 그대로 채용합니다. 자바스크립트에서 사용하는 var 라는 공통적으로 쓰이는 변수 선언문을 아예 사용하지 않아도 됩니다. 이해를 돕기위해 자바스크립트의 변수 시스템을 이해해보도록 하겠습니다. 자바스크립트는…
-
COFFEESCRIPT Study #1 : 커피 스크립트란?
안녕하세요. 쿠 입니다. 오늘부터 커피스크립트 내용을 연재합니다. 자바스크립트의 가독성에 지치신 분들을 위한 COFFEESCRIPT(이하 CS)라는 Javascript(이하 JS)를 만들어 주는 언어입니다. 쉽게 이야기해서 CS로 코딩을 하면 그 내용을 인터프리터로 돌려서 JS코드로 만들어 주는 언어입니다. JS의 경우 OOP 나 MVC 같은 모델링 개념을 적용하기가 상당히 어려워 코드가 많아질 수록 관리소요가 많아지는 게 가장 큰 단점이라고 할 수 있겠습니다.…
-
Subscribe
Subscribed
Already have a WordPress.com account? Log in now.
Yongku Lee (Koo) 