초보 코더 개발일기 초보 코더 개발일기

전체 글

• Flutter_03. Excercise

  > Frontend/Flutter 2023. 4. 18. 21:30

  1. 그 동안 배운 내용을 바탕으로 아래의 화면을 만들어보자. 2. import 'package:flutter/material.dart'; import 'components/start_screen.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Container( decoration: const BoxDecoration( gradient: LinearGradient( colors: [ Color.fromARGB(255, 78, 13, 151), Color.fromARGB(255, 107, 15, 168), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), ), child: const..

  Read More
• Flutter_20230414_02. StatefulWidget

  > Frontend/Flutter 2023. 4. 17. 20:09

  1. Column() widget and Row() widget: - 예제: child: Center( child: Column( children: [ Image.asset('assets/images/dice-2.png', width: 200), TextButton(onPressed: rollDice, child: const Text('Roll Dice')) ], ), ), 2. 해당 widget은 StatelessWidget이기 때문에, 이런식으로 internally changing data 불가. class GradientContainer extends StatelessWidget { var activeDiceImage = 'assets/images/dice-2.png'; void rollDice()..

  Read More
• Flutter_20230414_01. Flutter

  > Frontend/Flutter 2023. 4. 14. 20:47

  1. Review. -Task: From Parent add 2 colors to gradient_container.dart - 기존 부모에서 넘겨주는 부분과 Child Constructor 수정: body: const GradientContainer("Hello World", Color.fromARGB(255, 4, 2, 80), Color.fromARGB(255, 45, 7, 98)) const GradientContainer(this.text, this.color1, this.color2, {super.key}); - 이때, 기존에 사용하던 BoxDecoration의 const 를 삭제해야한다. 이유는, Color가 list형태인데, list 는 변화될 수 있기 떄문. decoration: BoxD..

  Read More
• Flutter_20230413_00. Flutter 입문

  > Frontend/Flutter 2023. 4. 13. 19:26

  1. What is Class ? (Lec 35) - Dart is an object-oriented language. - Object is created by calling the constructor of a class - This simply means that Class is a blueprint of making/customizing Object. 2. Building widgets + Restructuring (Lec 36~37) class GradientContainer extends StatelessWidget { // GradientContainer({key}): super({key: key}); const GradientContainer({super.key}); // constructo..

  Read More
• 230105목_공부일지

  > Backend/NestJS 2023. 1. 5. 17:36

  1. 파이프와 유효성 검사: 요청이 제대로 전달되었는가 (p 113~)   => 정의: 요청이 라우터 핸들러로 전달되기 전에 요청 객체를 변환할 수 있는 기회를 제공   => 미들웨어와 유사하나, 미들웨어는 app의 모든 컨텍스트에서 사용하도록 할 수 없음.    => 목적: 변환(입력 데이터를 원하는 형시으로 변환) && 유효성 검사 (입력 데이터가 사용자가 정한 기준에 유효하지 않은 경우 예외)   => 사용방법: @Param decorator의 두번째 인수로 파이프를 넘겨 현재 실행 콘텍스트 (ExecutionContext에 바인딩) findOne(@Param('id', new ParseIntPipe({errorHttpStatusCode: HttpStatus.NOT_ACCEPTABLE})) id: ..

  Read More
• 230102월_공부일지

  > Backend/NestJS 2023. 1. 2. 09:21

  1. NestJS에서 제공하는 Config 패키지   => 이전까지는 dotenv패키지를 직접 사용했는데, 이젠, nestJS에서 제공되는 패키지를 사용할 예정   => cmd: npm i --save @nestjs/config   =>  //dotenvimport {ConfigModule} from "@nestjs/config";import emailConfig from "./config/emailConfig";import { validationSchema } from './config/validationSchema';@Module({ // Nest에서 제공되는 Config 패키지 // forRoot 매서드는 Dynamic Module을 리턴하는 정적 메서드 imports: [Users..

  Read More
• 20221229목_공부일지

  > Backend/NestJS 2022. 12. 30. 08:06

  1. 모듈 : 여러 컴포넌트를 조합해  좀 더 큰 작업을 수행할 수 있게 하는 단위.    -> NestJS에서는 하나의 루트 모듈이 존재하고, 이 루트 모듈(AppModule)를 다른 모듈로 쪼개서 구성    -> 이유: 각기 맡은 바 책임을 나누고 응집도를 높임 => MSA   -> @Module Decorator 사용   -> params 설명: imports :  해당 모듈에서 사용하기 위한 provider를 가지고 있는 다른 모듈 가져옴 ,   -> params 설명: exports :  해당 모듈을 어디에서나 가져다 쓸수 있게 선언 2. 전역 모듈 (Static Module): 공통 기능이나 DB 연결과 같은 전역으로 쓸수 있어야 할 경우 전역 모듈로 선언   -> @Global decorat..

  Read More
• 221228수_공부일지

  > Backend/NestJS 2022. 12. 29. 02:06

  1)  금일 진행 내용   1.이메일 인증// Description:: 이메일 인증// CMD:: curl -X POST http://localhost:3000/users/email-verify -H "Content-Type: application/json" -d '{"name": "name_example", "email":"email@example.com","password":"1234"}'@Post('/email-verify')async verifyEmail(@Query() dto: VerifyEmailDto): Promise{ const { signupVerifyToken } = dto; console.log('dto check:: ', JSON.stringify(dto)) return aw..

  Read More