Programming150

• Web Assembly https://tech.kakao.com/2021/05/17/frontend-growth-08/ FE개발자의 성장 스토리 08 : WebAssembly 개발기 안녕하세요, FE플랫폼팀에서 전사 에디터 및 웹 사진 편집기를 개발하고 있는 sky입니다. 기존 사진 편집기 성능 개선을 위한 방법으로 Web Assembly를 조사하게 되었습니다. Web Assembly를 사용해 본 tech.kakao.com Programming/ETC 2022. 12. 19.

• 

  [Nest.js] API 만들어 보기(유저 등록) 구조 설계 Nest.js가 client 요청을 받은 후의 과정 @Controller -> @Service -> Database(Repository) CLI를 이용해 module, controller, service 생성 *Service: Controller가 사용자가 HTTP 요청을 통해 사용자가 보낸 데이터를 처리하면서 비즈니스 로직을 위임하는 기능. Provider의 하나로, Provider에는 services, repositories, factories, helpers 등이 있다. Provider는 @Injectable() 데코레이터가 달린 클래스인데, Dependency Injection이 가능하도록 한다. user.module.ts import { Module } from '@nestjs/com.. Programming/Nest.js 2022. 12. 19.

• 

  [Nest.js 기초] 설치와 controller 설치 npm i -g @nestjs/cli nest new 프로젝트-명 서버 실행(yarn 기준) 서버 실행: yarn start dev 모드: yarn start:dev 프로젝트 디렉토리와 기본 요소 살펴보기 scr 폴더 안의 core 파일들 app.controller.ts: 단일 경로가 있는 기본 컨트롤러(MVC 패턴에서의 컨트롤러. Django에서의 View) app.controller.spec.ts 컨트롤러를 위한 유닛 테스트 app.module.ts: 애플리케이션의 루트 모듈 app.service.ts: 기본 서비스 main.ts: 핵심 기능인 NestFactory를 사용하여 nest application instance를 생성하는 시작 파일 main.ts import { NestFactory .. Programming/Nest.js 2022. 12. 16.

• 

  Nest.js란? Nest는 효율적이고 확장 가능한 Node.js 서버 측 애플리케이션을 구축하기 위한 프레임워크다. Like Django! *Node.js: Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임(프로그래밍 언어가 구동되는 환경)이다. 즉 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 제일 많이 사용된다.즉, 스크립트 언어가 아닌 환경이다. JavaScript는 독립적인 언어가 아닌 스크립트 언어(응용 프로그램에 삽입되어 제어하는 프로그래밍 언어. JavaScript는 표준 HTML 문서 내에 삽입되어 사용된다.)이기 때문에, 웹 브라우저 프로그램 안에서만 동작을 한다. 그러나 Node.js를 설치하면 JavaScript가 웹 브라우저에서.. Programming/Nest.js 2022. 12. 16.

• 

  [Javascript] 단축 평가 1.1 단축 평가 1.1.1 논리 연산자를 사용한 단축 평가 논리합(||) 또는 논리곱 (&&) 연산자 표현식은 언제나 2개의 피연산자 중 어느 한쪽으로 평가됩니다. 'Cat' && 'Dog' // "Dog" 논리곱(&&) 연산자는 두 개의 피연산자가 모두 true로 평가될 때 true를 반환하며, 좌항에서 우항으로 평가가 진행됩니다. 첫 번째 피연산자 'Cat'은 Truthy 값이므로 true로 평가됩니다. 하지만 위 표현식은 이 시점에서 평가할 수 없습니다. 두 번째 피연산자까지 평가해 보아야합니다. 즉, 두 번째 피연산자가 논리곱 연산자 표현식의 평가 결과를 결정하며, 논리곱 연산자는 논리 연산의 결과를 결정하는 두 번째 피연산자 'Dog'를 그대로 반환합니다. 'Cat' || 'Dog' // "C.. Programming/Javascript, Typescript 2022. 12. 15.

• 

  [React Native] KeyboardAvoidingView & ScrollView 사용법 회원 로그인 화면에서 input을 클릭했을 때 키보드가 위로 올라가게 되는데, 이 떄 하단의 내용 일부가 키보드에 가려지는 문제가 있었다. 그래서 React Native의 KeyboardAvoidingView와 그 내부의 ScrollView를 활용해 문제를 해결했다.LoginScreen.js... 회원 아이디 ... 먼저 기존의 최상위 View를 KeyboardAvoidingView로 교체한다. 두 가지 인자를 볼 수 있는데, 첫째는 behavior이고, 둘째는 keyboardVerticalOffset이다.behaviorbehavior는 키보드가 올라왔을 때, 기존 화면이 어떻게 동작할지를 정하는 인자다... Programming/React Native 2022. 12. 15.

• 

  [Javascript] Array.find() 메서드 Array.find()find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다. 그런 요소가 없다면 undefined를 반환한다.const array1 = [5, 12, 8, 130, 44];const found = array1.find(element => element > 10);console.log(found);// expected output: 12 Programming/Javascript, Typescript 2022. 12. 14.