전체 글 (104) 썸네일형 리스트형 [노마드코더]cloudflare workers로 노션을 Database로 써보자! 우선 이 글은 노마드코더의 노션 api 관련 동영상을 따라하다가, cloudflare workers에서 막혀서 답답했던 제가 싫어 작성하였음을 알려드립니다! 혹시 저와 같은 고민을 하셨던 분들이 있으셨다면 참고하시면 좋을 것 같아요! 🙏 https://youtu.be/XCAwSBdeejU 위 동영상을 보면 니꼬선생님께서 정말 친절하게 next.js에서 데이터를 프론트에 예쁘게 뿌리는 코드, notion api를 사용하는 법, cloudflare workers에 들어갈 코드를 설명해주셨음을 알 수 있습니다. 하지만 cloudflare workers에 들어가는 코드를 그대로 작성하면 안되실거에요. 어떻게 해결했는지 지금부터 설명드리겠습니다. cloudflare 회원가입 오른쪽은 클라우드 플레어 워커스 url.. 우아한 형제들의 이게 무슨 일이야? 를 읽고 이게 무슨 일이야? 를 53page까지 읽으며 인상 깊었던 내용들을 정리했습니다. 잡담을 나누는 것이 경쟁력이다. 잡담은 유대감과 신뢰를 만든다. 유대와 신뢰는 일을 더 속도감있게 진행할 수 있도록 한다. 어떤 일을 할 때 왜 이 일을 하는지 구성원들과 얘기하고 중간중간 상기시켜주자. 일의 목적은 행복이고 행복의 종착지는 가족이다. 일은 어떤 계획과 의도에 따라 이루려고 하는 대상이다. 즉 일에는 의도가 계획이 있어야한다. (목적) 이것들을 잘 수립하고 기억하는 것이 중요하다. 일은 원래 힘들다. 그러니 좋아하기 위해서 수련을 해야한다. 다니기 좋은 회사가 아닌, 일하기 좋은 회사를 만들어야 한다. 둘은 분명히 다르며, 일하기 좋은 회사를 만들기위해서는 일하는데 방해가 되는 것을 제거해주고, 일하는 공간.. [MOV 프로젝트] 4월 29일 react-hook-form의 setValue 및 Next.js에서 shaderMaterial 적용하기 showrooms page react-hook-form의 setValue contact page에서 type이 file인 input의 value가 FileList인 것을 S3 버켓의 등록된 주소로 변경하기 위해 react-hook-form useForm hook의 setValue 함수를 사용함으로 변경된 것을 콘솔에서는 확인완료하였으나 submit 이후 api에서 req와 database에서는 확인이 불가한 상황, 디버깅 필요 해결방안 const onValid = async (validForm) => { await setValue('url', imageUrl) // 이 함수가 실행된 이후 console.log(watch())의 결과는 의도한 바대로 보여짐 console.log(validForm) // 하지만 여기서는 원래 그대로의.. [요약 + 인사이트]Grit: the power of passion and perseverance 열정과 인내의 힘을 보고 (feat. growth mindset) 저는 코드스테이츠의 Software Engineering Bootcamp를 수강하며 같이 스터디를 진행한 형으로부터 학습에 관한 많은 조언을 들었기에 개인적으로 학습 방법에 대하여 깨우친 바가 많았는데요. 수강생분들의 더 좋은 학습 성과를 위해 연구하는 코드스테이츠에서 일하다보니 학습과 관련한 이론을 자연스레 이전보다 많이 접하게되었습니다. 그렇게 알게된 여러 개념 중 Grit을 이번 글에서 소개하고자 합니다. 오늘 다룬 내용의 출처는 해당 링크입니다. Grit이란? 결론적으로 성적이 좋은 학생과 나쁜 학생의 차이점과 인생의 성공, 실패는 IQ나 재능이 아닌 Grit, 우리나라 말로는 근성, 목표를 향해 오래동안 나아갈 수 있는 열정과 끈기, 지구력이라고 합니다. 참고로 Grit과 재능은 오히려 반비례하.. [비즈니스적 관점을 얻기위한 독서] 절대 실패하지 않는 비즈니스의 비밀(마이클 르뵈프)과 인사이트 제목에서 의미하는 비밀은 결론적으로 고객 그리고 고객을 위한 서비스입니다. 고객과 비즈니스 그리고 서비스 비즈니스를 하는 사람이 해야할 일은 고객의 욕구와 필요를 이해하고 충족 시키는 것입니다. 고객의 메세지(욕구와 필요)는 아래와 같습니다. 내가 원하는 제품이나 서비스를 내가 원하는 방식으로 적절한 시기에 저렴한 가격으로 제공해줘 그렇지 않으면 나를 만족 시키는 다른 판매자에게 갈거야 아 물론 내가 특별한 사람이라는 느낌도 들게 해줘야해! 기술이 발전하고, 경쟁이 과열될수록 시장에서 살아남을 방법은 높은 품질의 제품, 경쟁력있는 가격은 물론이고(필요조건) 결국은 서비스(승패를 가를 Key)입니다. 탁월한 서비스를 통해서 우리는 고객이 떠나지 않게 해야하는 것이죠. 책에서는 새로운 고객 확보 보다 충성도.. React Infinite Scroll (무한 스크롤) 구현하기 🍀 Infinite Scroll ? infinite scroll은 브라우저의 하단으로 스크롤을 하면 사용자가 어떠한 액션(클릭)을 하지 않아도 알아서 이미지가 나오도록 처리하는 것 입니다. 이러한 것이 가능하게 하려면 스크롤이 하단부에 왔음을 감지할 수 있어야하고, 감지 했을 때 다음 page의 사진을 불러오는 작업(pagination)을 수행하는 함수를 실행해야 합니다. 크게 두가지 방식이 있습니다. (덜 효율적인) 기존 방식 웹 브라우저에서 제공하는 api에는 스크롤(event)을 할 때 어떤 함수를 실행되게하는 addEventListener와 어떠한 element의 content가 수직으로 얼마나 스크롤되었는지를 픽셀 단위의 수로 나타내주는 Element.scrollTop 프로퍼티가 있습니다. 그렇.. mongod, mongo 명령어와 zsh: command not found: mongod MongoDB University M103: 클러스터(데이터를 저장하는 서버 그룹) 관리 기본 코스를 시작하며 데이터 요청을 처리하고 데이터 액세스를 관리하는 핵심 데이터베이스 프로세스인 Mongod를 학습하던 중 학습 영상에서는 터미널에서 mongod, mongo 명령어를 실행하면 정상적으로 실행되었지만 저의 경우 아래 오류를 만나게 되었습니다. zsh: command not found: mongod 이전에 mongosh는 이미 다운을 했었기에 당연히 mongod, mongo 명령어도 실행이 가능할 것으로 생각했습니다. 첫번째 시도 아무튼 mongod zsh: command not found: mongod로 검색을 진행하였고 최상단에서 발견되는 stackoverflow에서 답변되었던 것을 따라갔으나 f.. MongoDB university M001 : basic course 학습 후기 MERN stack으로 사진첩을 구현하는 인강을 학습하기 시작하면서 mongoDB에 관심이 생기게 되었어요. 사실 코드스테이츠에서 관련 내용(NoSQL, MongoDB)을 학습했었고, 프로젝트에서도 mongoDB를 사용하여 data를 저장했었는데, 프론트엔드를 맡아서 구현하다보니... 자연스레... (변명은 여기까지 하겠습니다.) 아무튼 자발적으로 공부하는 과정에서 MongoDB에 흥미가 생겼다는 그런 이야기 😊 아래는 완료한 증거, 수료증입니다. M001 코스에서 총 6가지의 챕터를 학습했었어요. What is MongoDB Atlas, MongoDB Shell에 관한 소개를 다룹니다. Importing, Exporting, and Querying Data BSON, JSON, 데이터를 exportin.. 이전 1 2 3 4 5 ··· 13 다음
