본문 바로가기

실천하기/프로젝트22

포트폴리오 사이트 업데이트 포트폴리오를 업데이트 할 기록들 작성 221102 1. Skills 페이지 수정하기 (예정) 내가 할 줄 아는 기술들을 클릭하면 보일 수 있도록 해두었는데 면접관분이 skills를 없는줄 알고 지나간 이야길 해줘서 당황함. 페이지 내에서 이벤트를 수행하지 않아도 한 눈에 볼 수 있도록 수정해두어야겠다. 2. About Me 페이지 수정하기 (예정) 나를 간단하게 잘 표현해두었다고 생각했는데, 이걸 보고서는 내가 어떤 사람인지 알기 힘들다고 피드백을 받음. 연혁도를 애니메이션으로 만들면 좀 괜찮을까. 2022. 11. 2.
[221030-221107] 일주일간 뚝딱거리며 포폴만든 이야기 자고로 우리 교수님이 그랬다. (코드를) 만지작거릴거면 적어도 예뻐야 만질맛이 난다고. 만지고있는데 재미가 없다면 그 이유 중에 하나는 안 예쁘다는 이유일거라고. 나도 그렇다. 디자이너는 아니지만 막 화려하게 예쁘진 않아도 마음에 들게 깔끔하면 코드 두들긴 결과물이 별게 아니더라도 마음에 참 들더라. 어쨌든 포폴을 만들어야해서 무료로 공개해놓은 포폴들 보고 있는데 내가 원하는 스타일이 없었다. 분명히 내 성격상 마음에 드는 디자인 찾을때까지 포폴 내용도 작성 안하고 구글링할게 뻔해서 호다닥 만들기로 했음. 1. 페이지 구성 구상 만들 페이지를 정하고, 나에 대해서 작성할 키워드를 작성했다. 정리 끝. 2. 레퍼런스 찾기 + 무한 구글링 마음에 드는 느낌을 가진 레퍼런스를 찾을때까지 찾아본다. 머리속에 희.. 2022. 10. 7.
[220808-0925] NFT마켓 프로젝트 목적 영상이나 음원의 저작권을 거래하는 사이트. 영상이나 음원의 조회수에 따라 사이트는 해당 영상이나 음원 소유자에게 수익금을 분배해준다. 영상과 음원은 각각 토큰으로 만들어져 거래가 된다. 08.08 ~ 08.22 / 담당한 파트를 위한 공부기간 나는 이 중에서 경매사이트를 담당하게 되었다. 리액트는 대충 알아도 솔리디티는 기초만 알고있는 상태. 크립토좀비를 풀어서 기초를 다시 다지고, 다른 사람들의 nft마켓 코드들을 구글링해봐야겠다. 08.12 역시 기초와 실전코딩은 다르다. 크립토좀비만 떼면 될 줄 알았는데 실제로 코딩을 잡아보니 어디부터 손을 대야할지 막막하다. 마침 감사하게도 다른 팀의 nft마켓을 구현한 팀프로젝트 코드를 얻을 수 있어서 우선 그걸 뜯어봐야겠다. 08.20 경매사이트 코드를 .. 2022. 9. 14.
[220411] 연극 예매사이트 팀플 기록) 18. 팀플을 마치며 만족스러웠던 점 sql을 다채롭게 다룰 수 있었다. 달력기능, 스케쥴러 기능을 완성했다. 아쉬웠던 점 파일업로드 기능을 결국 만들지 못해서 여러 기능이 누락되었다. 깨달은 점 팀장직분은 정말 힘든거구나 두루뭉술 알고있는 지식들이 꽤 많다 크로스브라우징은 피눈물난다. 같은 브라우저라고해도 모니터 해상도에 따라 달라진다. 개선할 점 돌다리를 오천만번 두들겨서 건널 생각 하지말고 하나라도 개념을 똑바로 알자. 그래야 프로그래밍 속도가 향상된다. 2022. 4. 17.
[220407] 연극 예매사이트 팀플 기록) 17. 키워드에 맞게 배경바꾸기 현재 하고 있는 것 공연 제목을 읽고 일치하는 이미지를 배경과 메인이미지 박스에 넣도록. 예) 박열 이라는 단어가 있으면, 박열에 해당하는 이미지를 넣는다. 마찬가지로, 제목에 해당 키워드가 있으면 그 키워드에 맞는 이미지를 불러온다. 이미지에 마우스를 올리면 그에 해당하는 텍스트가 아래 박스에 떠오른다. width : whitewrap을 줘서 양쪽에 이미지를 넘치게 넣어도 바깥에서 보이지 않으며, 움직일때 스크롤바가 생긴다. 개선해야할 점 텍스트박스에 엔터가 먹질 않는다.... 2022. 4. 17.
[220406] 연극 예매사이트 팀플 기록) 16. 카테고리 편집기능 완성 현재 하고 있는 것 카테고리 편집 페이지 구현 회원정보 수정 페이지 구현 예매 시작일자 기준으로 리스트를 구현한 공연 관리페이지 구현 개선해야할점 카테고리 편집기능인 오른쪽에서 수정하면 왼쪽 박스에 있는 카테고리가 사라짐. -> 이슈해결 : 왼쪽 박스는 복사본으로 만들어 오른쪽 박스 내용과 별개의 내용으로 만듬 카테고리 편집을 하면 가장 위에 있는 목록이 수정되어버림 -> 이슈해결 : 리스트 반복함수에 오류가 있었음. 수정. 2022. 4. 11.
[220405] 연극 예매사이트 팀플 기록) 15. 달력 완성 현재 하고 있는 것 원래는 날짜를 하나하나 받아서 자료검색을 돌리려고했는데 그러면 너무 느려짐. 그래서 한 달을 표시하기로 선택하면, 그 달에 해당하는 모든 이벤트 목록을 가지고오는걸로. 거기서 달을 나누자. 원래 갯수만 먼저 가져오고 나중에 필요할때 가져올까했는데 어쨋든 그것도 두번 검색해야하고 개별 검색 돌려야함 차라리 한달치를 먼저 가져오는게 낫지. 2022. 4. 5.
[220402] 연극 예매사이트 팀플 기록) 14. 만든 로직을 달력 형태로 만들기 현재 하고 있는 것 우선 내가 클릭한 버튼이 어떤 좌표인지 알아야 하니까 event target을 정해놓는다. const cal_day = document.querySelector('.cal_day') cal_day.addEventListener('click',cal_dayHandler) function cal_dayHandler(event){ let alert = event.target console.log(alert) } 새로운 리스트가 한 개 이상 붙지를 않는다. 아니 남들 코드 참고해서 구조도 똑같구만 왜 안돼-하다가 요소를 복제한 clone에서 가져온 순간 생김. 이거저거 두들겨 박다가 얻어걸린거 같은데, 적어놓고 잊지 말아야지... 아직도 왜 자식 요소는 하나밖에 만들 수 없다는 appendC.. 2022. 4. 2.
[220401] 연극 예매사이트 팀플 기록) 13. 달력 로직 만들기 현재 하고있는 것 달력로직 작성 들어감 https://hancoco.tistory.com/138?category=1028078 [220322] 자바스크립트로 달력만들기 1. 현재 날짜를 가져오는 함수 new Date() date 객체는 세계표준시(UTC) 1970년 1월 1일 00시 00분 00초를 기준으로 현재와 얼마나 시간 차가 얼마나 되는지 밀리초 단위로 나타낸다. let dateToday = new Date().. hancoco.tistory.com 2022. 4. 2.
[220331] 연극 예매사이트 팀플 기록) 12. 파일 업로드 현재 하고 있는 것 새로고침할때 파이어폭스는 검색창에 커서키를 입력상태로 놓은 다음에 엔터키를 쳐야한다.. 어쩐지 새로고침해도 계속 같은 결과가 나오더라 그리고 파이어폭스에는 헤더가 안 나와서 교수님이랑 헤메다가 크롬에서 나오는거 확인하고 다같이 울음 ... 파이어폭스 너임마... 개선해야 할 점 뇌정지..... 파일 업로드 기능을 구현하는데 머리가 멈춰서 멍청하게 앉아있었다. 코드를 쳐야하는데 이걸 구현해야하는데-하고 생각은 드는데 하나도 모르겠음. console.log도 못쳐서 으에?이러고 있다가 교수님 질문에 대답 못해서 살짝 깨짐. 함수 배우고 있는데 1+1이 뭐죠? 라고 질문 받아서, 1... 더하기가 뭐죠? 하고 대답했음. 1 더하기 1을 쓰세요! 더하기가 어떻게 생겼지 어떻게 쓰지... 차라.. 2022. 3. 31.