나보단 잘하자

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

버튼을 누르면 갑자기 화면 맨 위로 올라가버리는 현상은 아래와 같이 해결하면 된다. $('a.feellink').click(function(e) { e.preventDefault(); }); 이는 기본으로 적용되는 기능을 못하게 만드는 함수다. 기본적으로 a태그를 누르면 화면 최상단으로 가는 함수가 있는 듯 함.

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

1. 기획 의도 좀 오래 전 부터 생각했었던 아이디어다. 감정을 간단하게 기록하는 서비스를 만들고 싶었다. 어느샌가부터 감정을 기록하는 일기장 어플이 뜨기 시작하더라. 본인은 또한, 음악에 의미를 많이 두는 편이라, 감정과 맞는 노래를 기록하는 서비스를 만들기로 했다. 2. 프로젝트 생김새(레이아웃) 레이아웃은 피그마(Pigma)로 만들었다. 포토샵으로 디자인하는 것 보다 피그마가 UI 디자인에 최적화 되고, CSS코드로 원하는 모양의 코드를 바로 알려주기 때문에 쉽고 편하다. 나중에 맥북 사면 제발 스케치 써보고싶다ㅠㅠ 디자인도 중시하기 때문에 핀터레스트와 시중에 판매되는 감정일기장 앱의 레이아웃을 참고하여 디자인했다. 디자이너만큼 획기적인 디자인은 아닐지라도 최소한 글씨 크기나 사용자가 이용하는데 있..