줄 정리

팀원이 로그인 회원가입 버튼을 만들어달라고 해서 추가했다.

행렬에 대해 조금 익숙해진 터, 사용한 코드들의 큰 개념을 한 번 정리해놔야 할 필요성을 느꼈다.

 

줄

display: inline;

줄바꿈 없이 순서대로 한 줄에 보이도록 해줌

width와 height 속성을 지정해도 무시하는 특징이 있음.

float: left;

비슷한데 한줄로 착착 쌓음. 이렇게 사용하면 display랑 다르게 묶이지 않고 독립적인 영역으로 사용 가능...?

 

display: block;

다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지.

 

display: inline-block;

inline처럼 순서대로 한 줄에 보이도록 해주면서 block처럼 width와 height 지정도 가능해지는 하이브리드 코드.

 

display: flex;

순서대로 한 줄에 보이도록 해줌.

해당 div가 flex container이며, 내부 div들이 flex item임을 정의해줌.

flex-direction: column;
justify-content: center;
align-items: center;

display: felx와 세트

 

flex-wrap: wrap;

display: flex로 길이를 벗어나는 경우 벗어나지 않도록 잡아줌.

 

위 코드들만 있으면 웬만한 행렬 문제는 해결 가능한 것 같다.

 

 

---

 

 

한편, 토이 프로젝트 개인 결과물을 완성하고 나니 인터넷에 띄워보고 싶어졌다.

그러기 위해 git bash를 사용하던 중 오류가 발생.

문제

port 22: connection refused라는 오류 발생

구글링 결과 sudo 명령어로 ssh server를 설치하라는 해결책을 발견.

sudo 명령어를 입력하니 이번엔 sudo: command not found가 발생.

다시 구글링 해 찾은 방법을 사용하니 이번엔 apt-get: command not found가 발생.

그걸 해결하는 방법을 찾으니 sudo를 입력하라는 해결책을 발견.

...?

 

그러나 해결책은 너무도 간단했다.

ssh -i (키페어 끌어넣기) ubuntu@(인스턴스 '퍼블릭 IPv4 주소' 붙여넣기)

에서 퍼블릭 IPv4 주소를 한 칸 띄어쓰기해서 오류가 난 것이었다...

추가 주의사항

git bash 재실행할 때 ssh -i (키페어 끌어넣기) ubuntu@(인스턴스 '퍼블릭 IPv4 주소' 붙여넣기)로 들어가서 app.py실행해야 됨.

내 컴퓨터에서 cd로 타고들어가서 실행 x

그리고 새폴더를 만들고, 파일질라를 이용해서 그 폴더에 자료 넣는 게 깔끔함.