전체 글 38

맥북 프로 m1 pro, m1 max 구매 팁

맥북이 오랜만에 리뉴얼되었고 충격적인 성능의 m1 pro, m1 max를 발표했습니다. 이제껏 저의 경험상 애플의 리뉴얼 제품들은 한번 구매하게 되면 정말 대단한 중고가 가격 방어를 보여줍니다. 아이폰 10x 모델도 정말 가격방어가 훌륭합니다. 그리고 칩셋의 업그레이드는 단순히 코어의 개수를 늘리는 식으로 앞으로 당분간은 칩셋의 전체 아키텍처가 바뀌는 일은 없을 것 같습니다. m2 도 정말 마이너 한 업데이트일 것이라고 예상해봅니다. 성능이 필요하다면 애플 입장에서는 단순히 코어 수를 늘리기만 하면 되니까요. 애플 상품도 주식을 하듯 이 제품에서 롱을 잡는 것이 이득일 것이라고 예상해봅니다. 교육 할인 스토어 기준으로 설명 드리겠습니다. 14인치와 16인치 맥북의 m1 칩셋은 cpu 코어와 gpu 코어 ..

카테고리 없음 2021.10.24

댓글 작성자에게만 버튼을 노출하기

github.com/bang-gui/blog bang-gui/blog 나의 리액트 페이지. Contribute to bang-gui/blog development by creating an account on GitHub. github.com const CommentItem = ({ user, comment, onToggleAskRemove }) => { return ( {user && user._id === comment.author._id && ( 수정 onToggleAskRemove(comment._id)}>삭제 )} {comment.body} ); }; 사람처럼 생각하자, 코멘트의 주인을 찾아주면 된다. const CommentsList = ({loading, user, comments, onTo..

2020.11.24

삭제 기능

github.com/bang-gui/blog bang-gui/blog 나의 리액트 페이지. Contribute to bang-gui/blog development by creating an account on GitHub. github.com 삭제 기능은 모달을 통해서 한번 더 물어보는 기능을 추가해서 구현했다. 모달을 불러오는 중에 코멘트의 아이디를 스토어에 저장하고, 삭제 확인 버튼을 누르면 저장된 아이디를 조회해서 삭제확인 액션에게 payload로 넘겨주는 방식으로 만들었다. 리덕스를 사용하는데 좀 불편하다고 느꼈다. 규모가 커짐에 따라 리덕스 모듈의 코드가 너무 쉽게 늘어나 버린다. 요청, 성공, 실패... 하나의 api만 추가해도 3개의 액션을 일일이 만들어야하고 모달만 추가하더라도 모달을 띄우..

2020.11.24

리덕스로 댓글 쓰기 요청 보내기

github.com/bang-gui/blog bang-gui/blog 나의 리액트 페이지. Contribute to bang-gui/blog development by creating an account on GitHub. github.com 리액트를 다루는 기술의 연장선으로 댓글 기능을 추가하는 작업을 공부 겸 해보고 있다. ducks스타일의 리덕스를 구현한다. modules/comments.js를 만들자. import { createAction, handleActions } from 'redux-actions'; const CHANGE_INPUT = 'comments/CHANGE_INPUT'; export const changeInput = createAction(CHANGE_INPUT, (body)..

2020.11.18

생성, 조회, 삭제, 수정 API 생성하기

github.com/bang-gui/blog bang-gui/blog 나의 리액트 페이지. Contribute to bang-gui/blog development by creating an account on GitHub. github.com API를 작성하려면 URL지정에 신경 써야 한다. 현재 우리는 아래의 url 중에 post만을 구현하였다. 종류 기능 POST /posts 포스트 작성 GET /posts 포스트 목록 조회 GET /posts/:id 특정 포스트 조회 DELETE /posts/:id 특정 포스트 삭제 PATCH /post/:id 특정 포스트 업데이트 POST /posts/:id/comments 특정 포스트에 댓글 등록 GET /posts/:id/comments 특정 포스트의 댓글 목..

2020.11.16

DB를 위한 댓글 스키마 생성하기

github.com/bang-gui/blog bang-gui/blog 나의 리액트 페이지. Contribute to bang-gui/blog development by creating an account on GitHub. github.com 댓글 스키마를 검색해보다가 설명이 잘나와 있는 포스트가 있어서 사용해 보려한다. github에 오픈 소스로 올려 놓았지만 출처를 남긴다. www.a-mean-blog.com/ko/blog/Node-JS-%EC%B2%AB%EA%B1%B8%EC%9D%8C/%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EA%B3%A0%EA%B8%89/%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%8C%93%EA%B8%80..

2020.11.16

'리액트를 다루는 기술' 댓글기능 추가해보기 2. 아웃라인

github.com/bang-gui/blog bang-gui/blog 나의 리액트 페이지. Contribute to bang-gui/blog development by creating an account on GitHub. github.com '리액트를 다루는 기술'의 마지막 프로젝트 소스코드를 사용하는 개인 공부 작업에 들어가기 전에 해야 할 일들을 잠시 생각해 보고자 한다. BACK END 1. DB를 위한 댓글 스키마 생성하기 2. 생성, 조회, 삭제, 수정 API 생성하기 FRONT END 댓글 입출력 UI 구성하기 리덕스로 상태 관리하기 API 연동하기, API 함수 작성 아, 그리고 추가적으로 알려줄 것이 있다. 기존 코드에서 post스키마를 먼저 변경하였다. 기존 코드의 Post스키마에서는 ..

2020.11.16

'리액트를 다루는 기술' 댓글기능 추가해보기 1. 시작

github.com/bang-gui/blog bang-gui/blog 나의 리액트 페이지. Contribute to bang-gui/blog development by creating an account on GitHub. github.com '리액트를 다루는 기술'이라는 책을 보았다. 다양한 개발 방법, 코드를 만드는 접근방법 등이 잘 나와있다. 어느 정도의 난이도가 있다고 생각했지만 이 책만큼의 내용을 다루는 책들이 많지 않다고 단언한다. 리액트를 공부하시는 분이라면 강력 추천한다. mongoDB, Koa, React를 사용한다. 마지막 프로젝트는 회원 기능, 포스트 쓰기, 읽기, 수정, 삭제, 페이지네이션, 태그 기능을 담고 있다. 나는 이 책의 마지막 프로젝트의 연장선으로 댓글 기능까지 추가해보려..

2020.11.16

집에서 서버를 운영해보자 2

1편에서 구상한 부품들을 대충 모았다. 부품만을 계속 기다릴 수는 없어서, 케이스를 뺀 나머지를 사버렸다. 근데 정말 화나는 것이 메인보드가... 아주 찜찜하다. 저게 정상인가? 사실 저것 때문에 제품을 교환 받았는데... 새로 받은 상품의 정확히 같은 부분이 같은 상태였다... 비닐도 봉인씰이 없었다. (원래 그런겁니까?, 아시는 분들 댓글좀 남겨주세요.) 다시 교환 받은 상품도 중고 제품인것 같아 찝찝하다... 용산 사람들을 믿을 수가 있어야지... 교환 받은게 똑같이 저 모양이라... 지쳐버려서 걍 쓰기로 했다. 일주일을 기다리면서 cpu가격이 내려간 것도 서럽다. 일주일을 메인보드만 기다려는데 짜증이 안날 수 가 없다. 아이코다에서 구매했다.(제발... 신품좀 주세요...저는 새상품 산거라고요....

서버운영 2020.11.05