Today 요약

1. 모바일 반응형 웹 강의
2. 몽고 DB Atlas, flask로 서버 등록
3. NextJS 공식문서

1. What I did?

1. 1 몽고 DB Atlas, flask로 서버 등록

모바일 반응형 웹 강의 보면서 HTML, CSS, JS 가볍게 복습하고 파이썬으로 크롤링 해와서 그걸 몽고 DB 클라우드에 저장하고 flask 서버에 등록해서 localhost:포트번호로 열어볼 수 있게끔 등록까지 해봤다.

2. What I Learned?

2.1 모바일 반응형 웹 강의

vscode 단축키 - alt + shift + f (줄 맞추기)
						- alt + b (오픈 브라우저)

css 규칙 - 자동 줄 바꿈

word-break: keep-all;

css 규칙 - 태그 숨기거나 보여줄 때 display 사용할 필요 없음..

const showUrlForm = () => {
  // $('.plus-form').css('display', 'none')
  // $('.url-form').css('display', 'flex')
  $('.plus-form').hide()
  $('.url-form').show()
}

jquery CDN으로 받아올 때 main.js 보다 위에 선언하는 거, 조심하기!

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script src="main.js"></script>

2.2 NextJS 공식문서

넘블에서 NextJS로 포트폴리오 만들기 프로젝트가 시작되면서 일단 Next로 구조 잡는 거 부터 해보고 와이어 프레이밍 해보려고 공식문서를 뒤져보기 시작했다. app폴더 아니면 pages 폴더로 라우팅을 구성해서 프로젝트를 진행할 수 있는 것 같은데, 아직은 둘 중에 명확하게 어떤 부분을 선택해서 해야겠다는 나만의 기준을 만들지 못했다. 어떤 부분이 더 장점이 있는지도 비교해서 정리하면 좋을 것 같다. 오늘은 다시 한 번 어떻게 설치하고 어떤 폴더 구조를 이용하는지에 대한 걸 다시 한 번 복기하고 마무리했다.

3. What I curious?

TIW_2023_07_08