🤸‍♀️ 내 프로젝트/FISH-NEWS

[FISH-NEWS] 프로젝트 기록

끝났다 생각보다 후련하지는 않다 어서 새로운 프로젝트도 하고싶고 지금 짜둔 코드를 계속 리팩토링하고싶기도 하다. 하지만 리팩토링만 어마어마한 시간을 잡아먹지 않을까 두렵기도 하면서 어쨌든 첫 프로젝트를 끝낸 내가 자랑스럽다! 목표 목표는 GAME부분과 footer을 마무리하는 것이었다 이틀에 걸쳐 공부를 하다 틈틈히 만들었다고는 하지만 생각보다 GAME 부분에서 고전했다 구현 계획 GAME부분은 game board 박스 안에 물고기들이 무작위 위치로 계속 움직이고 물고기를 클릭하면 물고기가 remove된다. 동시에 클릭 위치로 낛시바늘이 이동했다가 x좌표 그대로 game board 박스 위로 다시 올라간다. 실전 코딩 일단 엘리 드림코딩101에서 배운 let ** = false 를 활용해서 게임을 만들어..

[FISH-NEWS] 프로젝트 기록

주저리 거의 막바지에 다다랐다. 엊그제 올려야 했던 글이었지만 어제 교수님을 뵙고 친구들을 만나러 전주로 가서 오늘 늦게 돌아오는 바람에 오늘에서야 작성중. 목표 책 이미지를 누르게 되면 책 이미지와 이 책에 대한 설명이 적힌 팝업 띄우기 아래 이미지가 그 예시이다. 문제 상황 위 이미지처럼 오른쪽 위에 위치해야하는 x표가 계속 사라졌다. 사라졌던 이유를 그 당시 정리해놓지 않아서 확실하지는 않지만 당시 HTML이 이런 식으로 작성되었었는데 JS로 ad__items_popup의 HTML을 변경했기 때문에 이 부분이 새로 변경한 ad__items_popup에 밀려 사라졌던 것 같다. 문제 해결 과정 당시 생각했던 방법은 두가지였다. 1. innerHTML으로 popup_close까지 만드는 것 2. HTM..

[FISH-NEWS] 프로젝트 기록

문제 상황 요즘 개인 프로젝트에 손도 대지 않고 있었다. 일단 구상되었던 header, breaking(처음 파트)와 main news 부분은 완성되었지만 main news 및 ad 부분이 아무리 해도 마음에 들지 않았고 아무리 연습용 페이지라지만 페이지를 기획한 의도가 없어 보였다. 처음 목표는 이렇게 옛날 타자기 광고를 넣으려고 했다 위 광고 사진 속 타자기와 시대가 맞지 않는 것은 제쳐두고서라도 이미지 크기가 너무나도 재각각이어서 통일된 느낌이 들지 않았고 타자기 방향도 멋대로였다. 타자기에 hover을 입혀 효과도 주었는데 대체 뭘 위한 효과고 어떻게 광고를 하려는거지? 보는 사람에게 뭘 보여주고 싶은거지?(어차피 나밖에 보지 않지만) 라는 고민만 계속 하면서 손을 놓고 있었다. 당연하게도, 밑의..

[FISH-NEWS] 프로젝트 기록

주저리 날씨가 갑자기 추워져서 능률 떨어지는중 여름아가지마... 가을옷 좋기는 한데 너무 추워... 2주에 한번씩 기력회복을 위해 3일간 푹 쉬어주는데 이번은 쉬고 나서도 너무 힘들어서 페이스를 다시 돌리기가 힘들었다. 저번주 금~일을 쉬고 월요일은 대충 보내고 화요일은 식재하러 가서 코딩할 시간이 많지 않았다. + 수요일에 쓰고 있었는데 동생이 방에 와서 노느라 못썼다 ㅎ 내가 만드는 프로젝트도 재미있지만 수업을 듣고 새로운 것을 배우는 것도 너무 재미있어서 수업듣기에 많은 시간을 할애해서이기도 하다. 오늘 목표 오랜만이어서 그런지 목표는 생각하지 않고 했다 대충 생각한 목표는 breaking 부분에 있는 문제들을 해결하는 것 문제 1. breaking 부분 안에 들어있는 이미지 사이즈가 각각 달라서 ..

[FISH-NEWS] 프로젝트 기록

주저리 요즘 해가 잘 안든다... 드림코딩 엘리 새로운 강의를 오늘부터 수강해서 프로젝트는 남는 시간에 잠깐씩 만지려고 했는데 생각보다 오늘 강의 할당량을 빨리 끝내서 살짝 만졌다 해봤자 한시간정도지만 오늘 목표 큰 목표는 없이 부족하거나 이상한 부분을 정리하는 것을 목표로 두었다 문제 상황 1. main_left : gentleman's fashion부분 꿀렁거림 영상을 보면 알 수 있듯이 :hover과 active 클래스가 들어가는 곳에 마우스를 가져다대면 꿀렁거린다 문제 해결 과정 #mainNews__left .mainNews__item .active, #mainNews__left .mainNews__item h3:hover{ border:3px solid white; background-color..

[FISH-NEWS] 프로젝트 기록

주저리 오늘 나쁘지 않았다 생각보다 js부분을 빠르게 했다 css가 문제였지 js는... 최소한 가동은 되는구나... 코드가 얼마나 깨끗하고 효율적인지의 문제는 덮어두고 일단 가동이 된다! 나는 아직 주니어조차 아니고 그냥 걸음마중인 아기나 다름없기 때문에 작은 성과에도 큰 칭찬을 해줘야 한다. 어쨌든 칭찬! 오늘 목표 오늘의 목표는 game section을 뺀 나머지 부분 css를 동적으로 만들고 js 중 breaking 부분만 하는 것이 목표였다 진행 상황 css는 분명 완벽하지는 않지만 어느 정도 동적으로 잘 구현되었다. 스마트폰에서 화면이 깨지는 것은 js까지 마무리 한 다음에 다시 손보기로 했다. 하지만 생각보다 breaking 부분을 빠르게 마무리하고 main left 부분까지 완료했다. 문제..

[FISH-NEWS] 프로젝트 기록

주저리 최대 5일 안에 완성하려고 했는데 할 수 있겠지..? 요즘 너무 약속이 많아서 그런지 하루종일 코딩에만 집중하거나 쉴 수 있는 시간이 없었다 수면의 질도 낮음. 어제 저녁에 정말 힘들었는지 임파선염도 도지고 여튼 몸상태 쓰레기... 하지만 나는 항상성이 강한 사람이기도 하고 몸상태 때문에 해야 할 일을 못하는 상황을 정말 싫어해서 웬만하면 그냥 하지만 오늘은 너무 힘들어서 공부하다 말고 책읽다가 낮잠잤다 자고 일어나니까 그나마 할만해져서 다행 휴 오늘 목표 딱히 오늘 목표같은게 없었는데 내일부터는 하루 목표를 정하고 해야 할 것 같다 진행 상황 CSS breaking 부분까지 반응형으로 완료 내일 game 부분을 뺀 나머지 부분 css도 끝내는게 목표다 문제상황 1. js를 활용해서 반응형으로 만..

[FISH-NEWS] 프로젝트 기록

주저리 일단 글을 계속 안 쓰기는 했는데 지속적으로 공부를 하기는 했다 HTML CSS같은 경우는 어느 정도 궤도에 올랐다고 생각하지만 JS는 글쎄 조금 더 노력해야 할 것 같다 일단 목표는 이번 달 안으로 궤도에 진입하는 것이기는 하지만 될런지 지금까지 해 온 것처럼 하면 잘 될 것 같기는 하다 드림코딩 앨리와 노마드코더 무료강의들을 일단 열심히 수강했고 이제 강의를 구매해서 들을 예정 어쨌든 지금까지 배운 내용들을 바탕으로 혼자 프로젝트를 하나 수행해보기로 했다. 처음 코딩이란 걸 접해보고 HTML에 을 처음 작성했을 때 열의에 차서 혼자 이것저것 만들어봤는데 지금 보면 음.. 분명 두 달 전 정도밖에 되지 않았지만 아주 부끄러운 퀄리티다 당연하게도 깃허브 연동은 꿈도 꾸지 않았다 이상이 높은 편인지..