개발항해일지 22년/5월/3주 :: Affitalink 배포 & 반응형, Web3 2주차, 맨하탄 거리

일지 2022년 5월 3주차

 

 

Affitalink 배포, 반응형 완료

Vercel로 배포하니 엄청 빠르다! 도메인도 구매했고

조금 마음에 걸리던 반응형도 진행했다.

반응형 역시 Chakra UI로 진행했는데, 살짝 SCSS 문법이 생각난다.

 

모바일에도 왼쪽에 고정바를 나두는 디자인을 도전했는데,

생각보다 피드백들이 괜찮아서 만족!

 

Affitalink 유저는 보통 PC나 노트북을 통해 사용할 것으로 예상되고,

모바일로도 정보를 확인하는 용도가 전부이기 때문에 이렇게 결정했다.

 

 

Web3 챌린지 2주차 진행

크리에이터를 돕는 사이트 Buy Me A Coffee를 DApp으로 만드는 도전이다.

만들면서 Solidity의 기본을 깨우치자.

 

기본 문법 포스트

https://forgottenknowledge.tistory.com/entry/Solidity-%EA%B8%B0%EB%B3%B8-%EB%AC%B8%EB%B2%95

Solidity :: 간단한 스마트 컨트랙트로 보는 기초 문법

 

 

바쁜 주간

해야할 일을 정리 해보자

1. 알고리즘 공부(SQL 포함, 프로그래머스로 가자) for 코딩테스트

2. JavaScript, React 과제 테스트 알아보기

3. Web3 강의

4. 방통대 과제

 

 

거리문제, 유클리드 vs 맨하탄

알고리즘 문제를 풀 때 접근 방법을 알면 해답이 보인다.

이번 문제는 다음 2가지를 접근 방법을 떠올렸으면 빠르게 풀었을 것 같다 

1. 거리를 이용하는 문제다

2. 이용할 거리는 맨해튼 거리(Manhattan distance)다

=> 이동을 상하좌우로만 할 수 있어서

 

만약 대각으로도 이동할 수 있다면 유클리드 거리(Euclidean distance)를 이용할 것 같다

 

 

참고링크

Parsing error : Cannot find module 'next/babel'

=> https://stackoverflow.com/questions/68163385/parsing-error-cannot-find-module-next-babel/70421220#70421220

 

 

Sail by Vruyr Martirosyan @unsplash