나보단 잘하자

- 자바스크립트의 append()함수는 앞에 부모요소가 와야 한다. 부모요소.append(append 시켜주고 싶은 자식 요소) - 긴 글을 ...요소로 줄일 수 있게 하는 CSS 태그 묶음 .tagSomething { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 외우는게 좋지만 갑자기 잊어버리면 한줄효과, 두줄효과 등으로 검색하길

- 데이터베이스에 기록을 저장했다. 뭔가 처음 클라이언트 부분과 백엔드 부분을 연결시킬 때 보다 쉬워진 기분. 이 부분의 시간이 꽤 걸릴 줄 알았는데 예상치 못한 잘못짜여진 CSS와 HTML 수정이 더 힘들었다. - flask에서 @app.route의 methods가 적혀있지 않다면 디폴트 값은 get이다. 때문에, 메소드가 겹치게 된다면 링크 주소를 다르게 설정하거나 get과 post로 설정해야한다. - css에서 %나 px값이 아닌 vh로 하면 유동적으로 화면 길이가 보여진다. .container { height: 100vh;//높이가 내가 보는 화면의 높이로 max-width: 360px; } 자주 쓰이는 css 단위들 간단 정리 절대길이와 상대길이가 있다. 대부분 상대길이를 이용하는듯. 반응형 웹..

- 버튼을 클릭할 때 e.preventDefault 함수로 기본 기능을 막는 것을 알았다. - attr()함수로 어떤 event를 했을 때 원하는 클래스나 아이디를 붙일 수 있음을 알았다. - 프젝에 a link의 버튼을 모두 다 button 태그로 바꾸고 온갖 노가다는 다 한듯 하다....

- GET을 이용해서 url로 파라미터를 넘길때 한글은 깨짐현상이 발생한다는 것을 알았다. 넘어온 값을 디코딩 하기 위해서 아래와 같은 자바스크립트 문법을 이용했다. let decodeName = decodeURI(nameIn) //nameIn은 받아온 깨진 인자값 콘솔을 돌려봤더니 한글을 입력한 것을 incodeURI문법을 쓰면 아스키코드?로 바뀌어서 깨지고 그걸 다시 디코딩해야 한글이 되는 모습을 보았다. - a태그가 아닌 다른 방법으로 버튼을 누르면 다른 화면으로 넘어가는 방법은 아래의 문법을 이용하여 구현할 수 있음을 알았다. function goSomewhere(){ window.location.href = '/main?name=' } 또한, location.href와 location.repla..