Today Sangmin Learned
1/10 JavaScript를 이용해서 클릭 시 이미지 변경하기
토이프로젝트 2021. 1. 10. 21:13

음식 추천 서비스 구현을 위한 개발을 시작했다. 또 막상 보니 JS 할 게 별로 없어서 그냥 HTML/CSS만 하게됐는데.. 뭐 서비스를 내기 위한 팀프로젝트를 한다는 것에 의미가 있는 거니까 열심히 하려고 한다. ㅎㅎ 코드 자체는 어렵지가 않다. 원래 알던 거니까 .. 근데 문제는, JS 코드가 너무 불필요하게 길다. 음.. 빠르게 만들 필요가 있는 건 아니라서 좀 더 고민을 하려고 했는데, 그냥 귀찮아서 이미지 각각에 id를 박고 onclick했을 때 function을 실행하도록 했다. 이미지가 15개라 함수도 15개를 만들었다. 심지어 눌렀을 때 바뀌어야 할 이미지는 아직 팀원이 보내주지 않아서.. 없다. ㅋㅋ 아 ,, 만들고 나니 일단은 귀찮아서 이러고 말았지만, 나중에 꼭 리팩토링을 해야겠다고 ..

1/6 maplestory 프로젝트 JavaScript 코드 리팩토링
토이프로젝트 2021. 1. 6. 18:58

몇 달 전에, 개발 용어 위키를 위한 JS 태그 작업을 하고자 JavaScript 코드를 아래와 같이 작성했다. /* add Tag by click or press enter, comma, space */ var elements = document.getElementById("element"); var taskSubmit = document.getElementById("btn_add_task"); var taskBox = document.querySelector("#text_task"); var taskList = document.getElementById("list_tasks"); var taskLi = document.querySelectorAll("ul li"); /* Prevent input ot..

1/2 음식 추천 서비스 토이프로젝트 시작
토이프로젝트 2021. 1. 2. 16:32

오늘 동아리원들과 새로운 프로젝트에 대한 계획을 마쳤다. 학교 근처에 있는 맛집들을 랜덤하게 / 혹은 지정한 메뉴 및 가격대에 따라 보여주고 간단한 한줄평 느낌으로 보여줄 수 있도록 하는 웹앱 서비스이다. 나는 늘 그랬듯이 프론트엔드를 맡았고, UI/UX 담당 1명 / 프론트엔드 담당 2명 / 백엔드 담당 2명 해서 총 5명이 1월, 2월 각각 프로젝트를 진행하기로 했다. 우선 이 프로젝트는 1월 안에 끝내는 것을 목표로 했고, 아직 구체적인 디자인이 나오지 않은 만큼 빠르면 내일이나 모레부터 본격적으로 시작할 예정이다. 거의 5주만에 하는 JavaScript라서 잘 할 수 있을 지 걱정되지만 열심히 해 볼 생각이다.