본문 바로가기

분류 전체보기

 (71)
TIL#14(핸드폰 번호 가리기, localStorage에 영화의 id값으로 배열 넣기) 오늘 한일핸드폰 번호 가리기localStorage에 영화의 id값으로 배열 넣기영화 검색 페이지에서 영화를 클릭한 후 해당 영화에 리뷰를 남기면 localStorage에 저장을 하였는데 localStorage가 도메인 하나에 모두 저장이 되어서 모든 영화가 모든 리뷰를 공유하게 되는 문제가 생겼다.어려웠던 점localStorage에 데이터 저장이 문자열로 밖에 안되어서 데이터들을 배열화하고 문자열화하는 과정에서 오류가 많았다.(JSON을 이용해 해결하였다.)
TIL#13(서브페이지 제작, script defer , branch 이름 변경) 오늘 한일서브 페이지 제작script deferbranch 이름 변경바꾼 후에 git push로 원격 저장소(github)에 변경된 정보를 알려줘야 하고 다른 팀원들이 변경했을 경우에는 fetch나 pull을 하여 로컬 저장소에 원격 저장소(gitbub)의 변경된 정보를 가져와야한다.어려웠던 점defer를 안했을 때 생긴 문제는 html 파일에서 태그를 이용해 script파일을 가져왔을 때 어떤 순서대로 작동이 되는지 몰라 생긴 문제였다. (defer 외에도 async, charset 등 HTML 태그를 더 찾아보고 공부해야겠다.)branch이름을 변경하고 그냥 사용하면 되는줄 알았는데 변경 후 로컬 저장소와 원격 저장소(github)를 동기화 해주어야하는 것을 몰랐다.(로컬 저장소와 원격 저장소의 통신..
TIL#12(팀프로젝트 git 사용해보기) 오늘 한일팀프로젝트 git 사용해보기팀장이 github에 repository어려웠던 점branch와 Pull Request, merge 모두 직접 해보기 전까지는 확실하게 자신이 없었는데 직접 해보고 나니 git이 어떻게 돌아가는지 더 잘 알게 된 것 같다.오늘의 TIPmain branch는 배포용이므로 오류가 없어야한다. 그러므로 다른 branch의 기능을 main branch로 합치기 전에 다른 테스트용 branch에서 합쳐 오류를 확인한 후에 main branch에 합치는 것이 좋다.
TIL#11(크롬 개발자 도구 콘솔 디버깅, 협업을 위한 git 활용) 오늘 한일크롬에서 개발자 도구 콘솔로 디버깅 하는 법F12 또는 우클릭 후 검사를 눌러 개발자 도구를 켜준다.협업을 위한 git 활용branch 생성하기 Pull Request 만들기base 브랜치와 compare 브랜치 확인 후 PR을 생성한다merge합치는데 문제가 없으면 merge pull request 한다.Confilct문제가 생겼으면 (ex 각 브랜치가 같은 위치의 코드를 수정했을 때) conflict난 곳을 찾아 적용해야 할 코드를 결정 한 후 merge 한다.어려웠던 점아직 git으로 협업을 해본 경험이 적다 보니 명령어가 익숙지 않다.(git branch를 배우고 나니 git이 어떻게 돌아가는지 알 것 같아서 협업에 많이 사용하다보면 git과 더욱 친해 질 수 있을 것 같다.)오늘의 TI..
TIL#10(정렬, 정수 내림차순 정렬) 오늘 한일정렬bubble sort(버블 정렬) - 구현이 쉽지만 시간이 오래 걸려 비효율적이다.2. insertion sort(삽입 정렬) - 최선의 경우 O(N)으로 경굉히 빠르지만 최악의 경우 O(N^2)으로 데이터 상태에 따라서 성능 차이가 심하다.3. selection sort(선택 정렬) - 구현이 쉽고 비교하는 횟수에 비해 교환이 적게 일어나지만 시간이 오래 걸려 비효율적이다.정수 내림차순으로 배치하기(프로그래머스)어려웠던 점정렬의 시간복잡도에 대한 개념을 잘 몰라 시간 복잡도를 보고 이 알고리즘이 어느 정도의 성능을 보여주는지 알기 어려웠다. (시간복잡도와 Big-O표기법에 대해 알아보았다.)paresInt 나 Array.form, toString, sort, reverse, join등 문제..
TIL#9(영화 검색 사이트 검색 기능 구현) 오늘 한일검색 기능 추가 어려웠던 점전체적인 틀을 짠 후에 기능을 구현한 것이 아닌 순서대로 하나씩 기능을 구현하다 보니 중복되는 코드도 있었고 기능을 추가 할 때 다른 기능이 안되는 등 여러가지 에러 사항이 발생하였다.(큰 틀을 생각하며 모든 기능을 구현할 것을 고려해 순서도를 그리고 그에 맞게 프로그래밍을 해야 좋을 것 같다.)jQuery를 사용하지 않고 Vanilla JS로 기능을 구현하다보니 제한사항이 많았다.(JS로 직접 기능을 구현하다보니 JS와 더욱 친해질 수 있었던 것 같다.)오늘의 TIPdocument나 window객체는 브라우저 환경에서 사용하는 언어이기 때문에 VScode같은 로컬 환경에서는 에러가 난다.(브라우저에서 실행하면 에러없이 잘 돌아가는걸 볼 수 있다.)
TIL#8(TMDB, 비동기 처리) 오늘 한일TMDB에서 api로 데이터 받아오기https://www.themoviedb.org/settings/api 어려웠던 점비동기 처리를 제대로 이해하지 못해서 비동기처리를 했을 때 순서 컨트롤을 아직 잘 못 하겠다.(비동기 처리에 대해 더 공부해봐야겠다.)오늘의 TIPTMDB 오픈 API란 전 세계에서 가장 많이 사용하는 영화 정보 오픈 API 중 하나이다. ‘감독’, ‘출연진’, 포스터’ 등 다양한 서비스를 대부분 무료로 제공한다.
TIL#7(HTML, CSS, JS파일 나누기) 오늘 한일영화 검색 사이트 HTML, CSS 제작HTML에 CSS, JS 파일 연결하기  어려웠던 점HTML, CSS, js 파일을 각각 나누어 코드를 작성하다 보니 한번에 할 때랑 다른 부분이 있어 찾아봐야 했다.오늘의 TIP파일을 분리(파일 모듈화)의 장점 메인 페이지의 코드를 간소화 시킬 수 있다. (가독성 증가) 협업 시 분리 작업에 유용하다. 프로젝트 관리가 편리하다.

티스토리툴바