TIL/4주차 5

팀프로젝트, 프로그래머스

어제 끄기 전에 팀장인 조원님이 git으로 배포를 하려는데 문제가 생겨 되지않다고 하셨습니다. 하지만 다행히 오늘 오전에는 해결하셨다고 말씀했는데, 페이지는 뜨나 이제 로컬에서 들어가지지않는다고 하셨습니다. 어제 배포시 문제가 됬다고 했던 부분은 Jekyll에서 _config.yml 부분을 건들어야 한다고 하셨는데, 저는 잘 몰라서 인터넷에 검색해보았습니다. jekyll 이란? 여기에서 설명을 잘해줘서 도움이 됬습니다. 직접 해보지않아서 동작하는거나 사용하는 방법은 모르나 무엇인지는 알게되었습니다. 팀프로젝트를 하면서 어려웠던점을 작성하게되었는데, 저같은 경우는 유효성 검사를 하면서 처음으로 정규식표현 을 작성하게되었습니다. 처음엔 어찌 해야할까 생각하면서 유효성 검사라고 검색을 해봤는데 정규식표현을 사..

TIL/4주차 2023.06.09

프로그래머스 문제 풀이 및 팀프로젝트 확인

팀프로젝트 확인을 하고 나서 프로그래머스 문제들을 풀었습니다. 그런데 직각삼각형 출력하기 문제를 푸는데 평상시 풀었던 solution함수가 아닌 다른 모양을 하고 있어 당황했습니다. 궁금해서 redaline을 검색해보니 자바스크립트 콘솔에서 값 입출력 에서 설명을 잘해주셔서 이해할 수 있었습니다. 그래서 마저 문제를 풀어 나갔습니다. 문제를 풀고 저녁시간에는 코드리뷰시간을 가졌습니다. 먼저 태영님이 작성하신 sort파일 부분입니다. 아래 함수에서 a와 b가 들어가져서 어떤 역할을 하는지 궁금했습니다. 알고보니 sort함수에서 앞쪽이 0번째면 뒤로 오는 값은 1번째로 서로 비교를 하면서 가져오는 거였습니다. sort 함수를 값을 안넣고만 사용해봐서 이런식으로도 가능하다는것을 알게되었고, 아래 함수처럼 fo..

TIL/4주차 2023.06.08

팀프로젝트 시도중

localstorage 를 시도하던 중 매니저님이 오셔서 한분씩 진도체크를 하셨는데, 제가 유효성 검사를 맡았어서 xss 취약점에 대해 알려주셨습니다. 꺽쇠()를 이용해서 테러를 한다고 하셔서 알아두면 좋다고 하셔서 일단 꺽쇠만 방지할 수 있게 수정했슴니다. 그리고 localstorage내의 값들과 비교해서 같은 이름을 작성했을 경우 작성되지않게 코드를 수정했습니다. 비밀번호 정규식이 있어 그걸로 변경해줬습니다. 영화를 하나만 생각했어서 다른영화포스터에 들어가서 리뷰를 입력해보려는데 다른 영화의 리뷰 이름이 같다며 작성이 되지않았습니다. 그래서 영화 아이디값을 가지고 비교해서 해당 영화 리뷰에 같은 이름이 있는지 확인하는 절차를 넣었습니다. localstorage로 crud를 만들어주기로 하신 예림님이 ..

TIL/4주차 2023.06.07

팀프로젝트 시도중

localstorage 시도 중입니다. 아직 입력값을 모두 받은 상태일때 값을 넣고싶은데 현재 값이 다 들어오지 않았다고 나와서 찾아보고있습니다. 버블링은 localstorage가 되면 시도해보려고 합니다. localstorage에 객체를 넣고 값을 빼오는 것을 확인했습니다. 하지만 아직 입력 후 enter을 치거나 저장하기버튼을 눌러야 하고, 현재 입력된 값들만 출력될뿐 새로고침후 그전에 저장된 값들은 아직 출력이 안됩니다. 모든 객체값을 내보내는 것을 찾아 내보내는데 성공했습니다. 전체 삭제버튼을 누른 후 바로 새로고침이 된 후 값을 다시 넣으려는데 아래와 같은 문제가 나왔습니다. 알고보니 아까 수정해봤던 detail.html파일의 class를 name으로 변경했어서 나온 오류였습니다. 그래서 다시 ..

TIL/4주차 2023.06.06

팀프로젝트 유효성 검사

팀프로젝트중 제가 맡은 곳은 유효성 검사 파일을 만드는 것입니다. 처음에 어떻게 할지 몰라 걱정이 많았는데 if문을 사용하면 된다고 하셔서 사용했습니다. 그런데 많은 문자들을 어찌 확인할까 고민중이었는데 마침 튜터님이 오셔서 정규식표현을 사용하면 된다고 말씀하셔서 이것저것 찾아보다 사용하게됬습니다. 처음에 따옴표(")가 아닌 / 를 사용하는데 글씨가 빨간색으로 떠서 당황했지만 오류표시는 나지않았기 때문에 사용가능한다는걸 알았습니다. 참고자료에 넣은 것처럼 이외에도 여기저기 찾아본 결과 아래 코드와 같이 사용했습니다. //영화 검색 유효성 검사 export function movieTitleCheck(find) { let scriptTag = /[^가-힣|^a-z|^A-Z|^0-9]/; // 한글,영어대소..

TIL/4주차 2023.06.05