아싸지만 1일1글 하고싶어

import { Controller, Get, Param } from '@nestjs/common'; @Controller('') export class AppController { @Get() getAll() { return 'get All'; } @Get('/:id') getOne(@Param('id') id: string) { return `get with Id: ${id}`; } @Get('component') search() { return `component in App`; } } 웹서버를 개발하는 Express나 NextJs 모두 포함되는 것인데, param을 사용하는 get 요청이 존재할 시, 그 밑으로의 get의 내부 url이 param으로 인식된다. 이때 내부 url을 지닌 get을 p..

오랜만에 돌아왔다아아아 가족이 사고를 당해서 블로그를 쓰기 힘들었다. 포스팅을 며칠 쉬면서 느낀 건 역시 난 성취감으로 먹고 사는구나! 포스팅도 그렇고 프로젝트도 끝내니깐 에너지가 더불어 빠지는 느낌!! NestJs란 NestJs는 이름 제일 뒤에 Js라고 붙은 것처럼 Js 프레임워크이다. NestJs를 알고 싶을 때는 express랑 비교하면 좋다. 같은 NodeJs의 서버 개발 프레임워크이기 때문에. 안정성 NestJs는 아직까지 순수 Js(Vanilla Js)를 지원하지만 메인으로 지원하는 것은 Ts(TypeScript)이다. 이는 정적 타입을 사용한다는 뜻으로, 정적 타입은 데이터 타입을 정하는 것으로 코드의 안정성을 높여준다. 구조화 express는 자유성이 높아 여러 가지 툴과 기술을 사용할 ..

목차 And 연산자 저번에 변수에 따라 레이아웃이 달라지는 삼항 연산자를 포스팅했었는데, 삼항연산자 목차 어우.. 저녁을 너무 많이먹어버렸따... 삼항 연산자 삼항 연산자는 if else를 다르게 표현한 코드이다. 으음.. 예로 들어 if( toggle == True) console.log("True!"); else console.log("False!"); toggle이.. sirong.tistory.com import {useState} from 'react'; export default function App () { const [toggle, setToggle] = useState(false); function handleOnClick(){ setToggle(!toggle); } return ( O..

목차 현재시간을 불러오는 함수는 빈번하게 쓰인다. 정리해두는게 좋을것같아 정리한다. Date Date는 시간을 나타내는 함수이다. var today = new Date(); var birthday = new Date("December 17, 1995 03:24:00"); var birthday = new Date(95,11,17); var birthday = new Date(95,11,17,3,24,0); // from MDN 인자로 값을 전해주면 그 값을 통해 시간을 표현한다. var birthday = new Date("December 17, 1995 03:24:00"); var birthday = new Date(95,11,17,3,24,0,0); // 년, 월, 일,시,분,초,밀리초(ms) 인자에..

목차 React Native에 대해 적기 전에 태그에 대해 정리를 해놔야 이후 심화 내용 포스팅할 때 마음이 편할 것 같다. 이해 안 되시면 앞에서 보고 오세요~ 같은 느낌 태그 종류 React Native는 앞선 포스트에서 말했듯이, React 언어를 모바일 코딩 언어(Native)로 변환하는 것이기에, 쓸 수 있는 태그가 다르다. 내가 작업하다 필요한걸 그때그때 알아내는 스타일이라 이번 글은 기본적인 태그만 올릴 것이다. 사실 이 방식을 추천한다. 아무리 완벽하게 공부해봤자 패치하는 개발도구 특성상 완벽하게 알 수 없다. 입문자가 다 알고 들어간다는 것 자체가 비효율적이기도 하고. View html에서 div와 비슷한 태그이다. position : block속성이다. import React from ..

목차 쿠션감 있는 버튼 만들기 나는 버튼을 누를때 쿠션감을 좋아한다. 근데 RN(React Native)에서는 가상선택자가 없어서 hover active등 간단한 설정은 따로 없었다. 구글링해보니 패키지를 다운받는게 일반적인것같다. react-native-touchable-scale Like TouchableOpacity, but scale. www.npmjs.com 하지만 패키지를 쓰면 아무래도 용량 가성비가 떨어지니깐, 개별설정하는법을 어떻게 만들어봤다. 코드 import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import {Text, View, TouchableWithoutFeedback } fro..

요즘은 한글로 된 문서가 줄어드는 추세인데, pdf로 배포하기도 하고 워드로 제출 가능도 생기고 줄어드는 추세라는 건 이미 만들어진 문서는 hwp가 많다는 말이기도 하다. 네이버 웹 오피스를 쓰면 간단하게 수정은 가능한데 저장이 제대로 안됐던가 뭔가 불편함을 느껴서 새로 찾았다. 한컴오피스를 만든 한글과 컴퓨터에서 한글프로그램을 웹 버전으로 제공하고 있다. 한컴스페이스 어디서나 펼쳐지는 오피스 세상 space.malangmalang.com 좌측의 무료로 시작하기를 누르면 로그인을 하라고 뜨는데, 이글은 개발자가 아닌 일반자도 볼 수 있으니 구글이나 페이스북 계정이 다 있다는 가정을 하면 안 되는구나. 안드로이드 휴대폰을 쓴다는 건 구글 계정이 있다는 거지만 기억 안 나는 사람은 찾는 게 더 번거로울 테니..

목차 저번 포스트에서 정의만 해놓고 만드는 방법은 안해놨구만... 사전설치 프로그램 Installation - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.io Expo를 설치하는덴 문제없느데 실행하기위해서는 다음과 같은 프로그램이 필요하다 Node.js Git Watchman 다행히 블로그에 다 써놨다..ㅎ Nodejs로 서버만들기 목차 결국... 결국 백앤드까지 손을 대 버렸다... 프런트 앤드만 해도 할게 많은데!!! 풀 스택은 취업하고 할 생각이었는데!!! 그래도... 프런트..