잉여로운 글쓰기
이번에 감상평을 적어볼 애니메이션은 《원더 에그 프라이어리티》, 《천지창조 디자인부》, 《괴물사변》 그리고 《약속의 네버랜드》 2기 총 4가지입니다. 《진격의 거인 The Final Season》은 나머지 절반 분량이 2021년 말에 방영할 예정이라 나중에 적어보기로 하고, 《원더 에그 프라이어리티》는 6월에 방영 예정인 특별편에서 완결이 날 것 같지만 일단 적어보고자 합니다. 원더 에그 프라이어리티 애니메이션 《원더 에그 프라이어리티》는 자살한 아이들을 주인공 4인방이 에그 세계(일종의 […]
Flutter(플러터)는 하나의 언어(Dart)로 멀티 플랫폼(모바일, 웹, 데스크톱) 개발이 가능한 크로스플랫폼 프레임워크입니다. 정식으로 지원하던 플랫폼이 Android와 iOS였던 것과 달리 얼마 전 발표된 Flutter 2.0에서는 Windows, MacOS, Linux 및 Web으로 확장되었다길래 한번 배워보고자 합니다. Flutter의 특징 개발자가 작성한 코드는 Flutter API와 Dart 코드를 활용하여 Flutter SDK가 컴파일하여 각 플랫폼별 네이티브 코드로 변환됩니다. UI 디자인은 구글에서 제창한 Materia […]
중요한 객체지향 원칙 캡슐화(Encapsulation): 객체 내의 데이터를 외부에서 함부로 수정할 수 없도록 보호합니다. 추상화(Abstraction): 외부에선 객체가 어떻게 작동하는지 구체적으로 알 필요가 없습니다. 객체에 포함된 멤버변수(함수)의 이름을 보고 어떤 역할을 하는지만 알면 될 뿐입니다. 상속(Inheritance): 한 번 정의해둔 클래스를 재사용하여 코드의 재사용성을 높입니다. 다형성(Polymorphism): 같은 이름의 멤버함수를 재구현하여 다양한 방식으로 작동할 수 있도록 합니다. 클래스 기본 […]
타입스크립트를 쓰는 이유 자바스크립트는 타입이 동적으로 결정됩니다. 따라서 자바스크립트를 사용하면 쉽게 개발이 가능합니다. 하지만 값의 타입을 명시하지 않으므로 코드의 가독성이 떨어지며 런타임 도중 각종 오류와 버그가 발생할 수 있습니다. 반면 타입스크립트는 타입이 정적으로 결정됩니다. 코드를 작성하는 도중 실시간으로 에러 검사를 받을 수 있으므로 안정적인 프로그래밍이 가능합니다. 또한 강력한 객체지향 프로그래밍을 지원하며 모듈성, 재사용성, 확장성 및 […]
이 글은 브런치에 기고한 글입니다. (주의!) 일부 스포일러와 비슷한 내용이 포함되어 있을 수도 있습니다. 이번에 감상평을 적어볼 애니메이션은 《그레이트 프리텐더》, 《우국의 모리아티》, 《아쿠다마 드라이브》, 《불꽃 소방대 2기》 그리고 《이케부쿠로 웨스트 게이트 파크》 총 5가지입니다. 웹툰 원작 애니메이션 《노블레스》도 보려 했으나 연말연시에 따른 업무량을 버티질 못하여 보질 못했네요… 그레이트 프리텐더 애니메이션 《그레이트 프리텐더》는 전 세계를 무대로 […]
이 글은 브런치에 기고한 글입니다. (주의!) 이 감상평에는 애니메이션 《미드나잇 가스펠》의 스포일러가 포함되어 있습니다. 이게 44살…? 우리는 살아가면서 삶과 죽음에 대해 종종 생각하곤 합니다. 쓰디쓴 술을 도대체 왜 입에 대는지에 대한 의문부터 사후의 나는 어떻게 되는 것인지에 대한 걱정까지, 우리는 전자처럼 시답잖게 웃어넘길만한 의문이 있는 반면 후자처럼 아무리 고민해도 정답이 나오지 않을 법한 고민을 달곤 […]
GraphQL은 서버 등에서 API를 제공하기 위한 쿼리 언어입니다. RESTful API를 대체할 수 있는 방법이며, RESTful API와의 차이점으로 GET과 POST 방식만 사용하고 PATCH, DELETE 방식은 사용하지 않는다는 점 등이 있습니다. 자세한 내용은 https://graphql-kr.github.io을 참고… 여기선 GraphQL을 사용하여 간단하게 CRUD(Create, Read, Update, Delete) 하는 방법을 알아보겠습니다. 테스트 환경 구축 node 프로젝트에 graphql, express, express-graphql 라이브러리를 설치합니다. 이는 […]
기나긴 CentOS 삽질 끝에 우분투 서버로 정착 성공기… 약 2~3년 전에 아마존 라이트세일과 비트나미(bitnami)를 사용하여 워드프레스 블로그를 구축하여 운영하고 있었습니다. 그런데 몇 달 전부터 php를 업데이트하라는 알림이 워드프레스 대시보드에서 뜨기 시작했습니다. 워드프레스 일부 플러그인이 제대로 작동하지 않는 것 같기도 했었고(실제로 그렇지 않았지만…) 검색해보니 비트나미로 만든 서버의 php 버전을 올릴 수 있는 방법은 없으니 새로 서버를 […]
이 글은 브런치에 기고한 글입니다. 집밥이 최고시다. 올해 중순에 코로나 19로 인한 긴급재난지원금을 받았습니다. 이 지원금으로 한두 달 동안 자주 외식을 했습니다. 처음엔 저녁을 직접 만들어 먹는 수고를 덜게 되어 좋았으나, 혼자 살기 때문에 혼자 갈만한 식당만 자주 가다 보니 비슷한 음식만 먹게 되어 금방 질리게 돼버렸습니다. 특히 뜨끈~한 국밥 든든~하게 자주 먹으러 갔더니 아무리 […]
이 글은 Code with Mosh의 [Mastering React](https://codewithmosh.com/courses/enrolled/357787 과정을 공부하며 정리한 글입니다. 리알못이라 이상하거나 틀린 내용이 있을 것입니다… React는 백엔드에 서비스 요청 시 개발자가 선호하는 라이브러리를 선택하여 사용하면 됩니다. 여기서는 Axios를 사용하여 백엔드에서 데이터를 가져오는 방법을 알아보겠습니다. JSON Placeholder JSON Placeholder는 Fake REST API를 제공하는 사이트입니다. 포스트, 이미지, 유저정보 등 다양한 가짜 API를 제공하여 백엔드 테스트용으로 […]
이 글은 Code with Mosh의 Mastering React 과정을 공부하며 정리한 글입니다. 리알못이라 이상하거나 틀린 내용이 있을 것입니다… Forms 여기서는 Bootstrap Forms를 사용하여 Username과 Password를 입력받아 로그인하는 컴포넌트를 만듭니다. 그리고 Joi를 사용하여 입력값을 검증하는 방법을 알아봅니다. Bootstrap을 이용한 기본적인 로그인 컴포넌트 만들기 React 프로젝트가 위치한 경로에서 npm i bootstrap 명령어로 Bootstrap 패키지를 설치한 후 index.js 파일에 […]
이 글은 Code with Mosh의 Mastering React 과정을 공부하며 정리한 글입니다. 리알못이라 이상하거나 틀린 내용이 있을 것입니다… 라우팅(Routing) 라우팅(Routing)이란 경로(URL)에 따라 페이지의 이동을 설정하는 것입니다. 여기서 알아볼 내용은 다음과 같습니다. 페이지 별 URL 설정 URL로부터 정보를 추출하기 위한 쿼리 스트링(Query String) 잘못된 URL로 접속 시 404 Not Found 페이지를 띄우기 위한 리디렉션(Redirection) 중첩 라우팅(Nested Routing) […]
이 글은 Code with Mosh의 Mastering React 과정을 공부하며 정리한 글입니다. 리알못이라 이상하거나 틀린 내용이 있을 것입니다… 리알못 React: 3. 페이지 매기기(Pagination) 글에 이어 영화 정보를 장르에 따라 필터링하여 보여주거나 특정 컬럼(Column) 기준으로 정렬하는 방법을 한번 알아봅니다. 최대한 간단하게 필터링과 정렬 코드를 설명해보려 했지만 너무 복잡해졌습니다… 사전 준비 Bootstrap 설치 React 프로젝트 경로에서 npm i […]
이 글은 Code with Mosh의 Mastering React 과정을 공부하며 정리한 글입니다. 리알못이라 이상하거나 틀린 내용이 있을 것입니다… 사전 준비 Bootstrap 설치 npm i bootstrap@4.1.1 명령어로 React 프로젝트에 Bootstrap을 설치한 후 index.js 파일에 import 'bootstrap/dist/css/bootstrap.css';를 추가해줍니다. lodash 설치 lodash는 자바스크립트 유틸리티 라이브러리입니다. 여기서는 배열을 편집하기 위해 사용합니다. npm i lodash@4.17.10 명령어로 React 프로젝트에 lodash를 설치한 후 […]