본문 바로가기

반응형

분류 전체보기

(104)
[Next.js] 13.4.16에서 api 처리 시 겪은 에러 핸들링 Next.js 12버전을 사용해오다가, 대규모 업데이트가 된 지금 12를 계속 사용하는 것에는 문제가 있다고 판단하여 새로운 프로젝트에서는 13버전을 사용하기로 결정. 아래는 api를 적용하면서 겪었던 문제를 해결한 방법이다. 어떤 유튜브 동영상에는 root > pages > api 폴더를 생성하고 파일이름도 route로 하지 않아도 api 자체를 만들 수 있었지만 최신 버전에서는 유효하지 않다. 우선 app > api > 설정 directory name > route.js 혹은 route.ts 안에 GET, POST, PUT 과 같이 METHOD 별로 함수이름을 정해야지만 서버 개발이 가능 함수 이름을 아무렇게나 해도 작동했었던 것과 달라서 기초적인 것이었지만 찾는데 오래걸렸음 front 단에서 pos..
webflow 관련 기록 Designer 패널에서 요소를 선택하면 요소의 CSS 속성을 수정하기 위한 창이 뜨는데 그때 margin, padding 값을 마우스 클릭 후 위아래로 조정 시 위, 아래, 좌우의 값을 각각 조정할 수 있으며 Alt or Option을 누르고 조정하면 위아래 묶어서 혹은 좌우 묶어서 동시에 조정이 가능함(two sides) 그리고 Shift + Option을 누르고 조정 시 위아래좌우 모두 동시에 변경가능(four sides) webflow에서 cms(content management system)는 데이터베이스 처럼 생겨서 데이터베이스를 저장할 수 있는 곳인 줄 알았는데 아니다.
Next.js에서 api get, post 요청을 터미널에서 하는 법 프론트쪽 개발이 아직 되어있지 않을 때 확인하는 또 다른 방법을 기록한다. 물론 get 요청의 경우 http://localhost:3000/api/~~~로 접속을 하는 것 자체가 get이라 응답을 확인할 수 있다. 터미널에 아래와 같이 입력을하면 get요청이 실행된다. curl -v 'http://localhost:3000/api/~~~' post요청의 경우 아래와 같이 실행할 수 있다. curl -v -X POST 'http://localhost:3000/api/~~~~' -H 'Content-Type: text/plain; charset=utf-8' --data-binary @포스트요청할위치/파일이름.확장자 까먹지 말고 필요할 때 활용할 것
[Flutter] state/setState flutter에서 사용자와 interactive 요소를 구현하기 위해서는 React에서와 같이 state를 사용해야 한다. state를 사용하기 위해선 우선 StatefulWidget을 만들어야하고, UI 관련 코드를 State class에 넣어줘야하는데, 이 때 StatefulWidget의 State(class)는 위젯의 데이터와 UI를 저장하고, 데이터가 변경되면 위젯의 UI를 변경시키는 역할을 한다. class App extends StatefulWidget { @override State createState() => _AppState(); } class _AppState extends State { .... } React에서와 마찬가지로 state를 변경할 때에는 setState로 변경시켜야 한..
[R=VD] 꿈꾸는 다락방 실천을 위한 설계 꿈과 목표 with 말하기 AI는 따라하거나 만들지 못할 창의적인, 세계 최고의 인터랙션 디벨로퍼가 된다. AI를 지배하는 사람이되어 모든 사람이 나를 제외하고는 일을 못하게 된다. 35세까지 100억을 모은다. 나는 짱천재라서 모든것을 완벽히 학습해 응용할 수 있고, 학습한 내용으로 돈을 만들어내는 비즈니스 아이템을 잘 상상할 수 있다. 그리고 그것을 잘 디벨롭하여 결국에는 엄청난 가치를 만들어낸다. flutter를 이용한 앱, 웹 개발에 정통하고, webgl interaction을 flutter 생태계에서는 그 누구도 따라올 수 없는 최고의 실력을 가진 디벨로퍼가 된다. 어떤 장면을 상상할 것인가 AI는 따라하거나 만들지 못할 창의적인, 세계 최고의 인터랙션 디벨로퍼가 된다. 삼각함수와 선형대수학을 ..
Docker 학습 복기 도커란? 웹 어플리케이션(서버, 데이터베이스 등)을 마치 각각의 가상 머신안에 실행시켜주는 것과 같은 환경을 제공함으로써 어떠한 개발 환경에서든 표준화된 작업 환경을 가질 수 있도록 해주는 것 아래는 참고로 chatGPT의 정의 도커를 사용하면 개발자는 운영체제(OS)나 하드웨어 환경에 구애받지 않고 개발한 애플리케이션을 여러 환경에서 실행시킬 수 있습니다. 도커는 리눅스 컨테이너 기술을 기반으로 하며, 컨테이너 안에는 애플리케이션과 그에 필요한 라이브러리, 운영체제 등이 포함됩니다. 도커의 구조 hub → image → container 도커의 명령어 아래 명령어에서 사용된 이미지는 httpd 아파치 서버 이미지이다. 초급 도커 설치후 이상 없는지 확인하는 명령어 docker images // 여기서 ..
기획이란 무엇인가? 기획은 자신의 목표에 도달하기 위해서 다양한 해결책을 바탕으로 남을 설득하는 것이라고 할 수 있겠다. 이 때 목표는 구체적으로, 예를들어 더 많은 판매를 한다면 기간과 판매 개수 까지도 구체적으로 정해야한다. 목표가 정해지고 나면 목표달성에 걸림돌이 되고 있는 문제들을 정의해야한다. 올바른 문제 정의를 위해서는 끊임없는 질문을 해야한다. 판매를 예로 들자면, 다음과 같은 질문들이 있다. 지금 판매량은 어떤지? 경쟁 제품의 판매량은 어떤지? 왜 판매량이 적은지? 문제가 있다면 해결책 또한 있는 법, 이 해결책은 설득할 대상이 그대로 그 해결책을 실행할만큼 설득력이 있어야한다. 이를 위해서 해결책은 매력적이고, 해결책을 따르기만 하면 당장 문제가 해결 될 듯한 가능성이 있어야한다. "이것을 사면 당신의 문제..
#3 29CM 카피라이터 이유미님의 남다른 카피와 공감의 마케팅을 보고 우선 링크부터 공유합니다. https://youtu.be/2OxQGIjwH-8 고객이 무엇에 마음이 끌려 물건을 사게되는가?에 대해 다시한번 생각하게 되는 동영상이었습니다. 위 질문에 대한 답은 뭘까요? 고객이 공감하게 되는 마음을 흔드는 한 줄의 카피라는 것이었습니다. 이유미님께서는 많은 글을 읽는 것을 통해 여러 연령의 사람들이 생각하는 방법을 알게된다고 말씀을하셨고 그것이 카피라이팅에 많은 도움이 된다고 하셨습니다. 직접 다른 사람이 되는 것이 불가능하지만 읽기를 통해 그사람의 상황을 간접 경험할 수 있는 것이니까요. 또한 고객들은 물건이 저렴해서 사지만 그렇게 생각하지 않고 어떠한 가치가 있어서 물건을 샀다고 생각하고 싶어한다는 점을 강조해주셨습니다. 이커머스 시장에서 일을하며 당연하게 생각해야 ..

반응형