서론
참 간단한 코드를 무시하고 무심코 만들어 볼려고 생각없이 코드를 치는데 계속 안되는 것이다. 그래서 자세히 뚫어지게 보니 아! 이걸 바꿔야 되구나 라는 생각이 든다. 정말 코드는 나를 겸손하게 만들어 준다. 내가 짠 코드를 믿지 마라. 명언 제조기 그는 어린 나이도 왜 이런 말들을 하고 다닐까 유심히 보면 역시 고수는 고개를 숙인다고... 마치 오래된 메주처럼 익을 수록 맛있게 변해가고 있는것 같다.
본론
이제 본론이다. 어느 순간부터 나는 기승전결 하게 글을 써보자 라는 생각으로 글쓰는 배경 부터 시작해서 결론을 내는 순서를 지킬려고 노력한다. 말에는 칼보다 강하고 날카로운 무서움이 존재하는 것 같다. 그래서 조심하고 다시한번 생각하고 애기해야 한다는 것을 누구보다 잘 알고 있다.
주말은 평일보다 바쁘다. 아침일찍 일어나 밥을 챙겨 먹어야 하고, 청소를 해야 하고, 빨래를 돌리고 커피도 직접 타서 마셔야 한다. 하루하루를 엄청 힘겹게 보내야 한다. 그래서 주말은 계획을 잘짜고 부지런해야 한다. 조금이라도 게을러 지면 주말은 망치게 된다.
나를 무기력하게 만드는 요소를 이겨 내기 위해서는 설거지를 하거나 움직을 빠르게 움직이는 것이다. 동영상 강의를 아침부터 보고 있는데, 왜케 쉬운걸 알려주는거야 속으로 생각하면서 보고 있는데 과제를 내주는것을 무심코 쳐보다가 어 이거 쉬운건데 왜 안되지? 라는 생각으로 코드를 다시 집중해서 보았더니 역시 생각을 하고 짤 수 있도록 과제를 내준것에 감사하게 생각했다.
잠깐 코드를 보자.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Web site created using create-snowpack-app" /> <link rel="stylesheet" type="text/css" href="./index.css" /> <title>Snowpack App</title> </head> <body> <div class="alert-box" id="alert"> Alert 박스 <button onclick="document.getElementById('alert').style.display = 'none'" id="close">닫기</button> </div> <button onclick="document.getElementById('alert').style.display = 'block'">버튼</button> <script type="module" src="/dist/index.js"></script> </body> </html>
이 코드를 간결하게 설명을 하자면 버튼을 클릭하면 박스가 나오고 닫기를 누르면 박스가 가려지면 된다. 숙제는 닫기를 클릭했을때 박스를 가리는 것이 문제였다. 문제를 보자마자 뭐야 그냥 이거 복붙하면 되는거잔아 하면서 무심코 클릭안에 있는 로직을 옴겨서 넣어두고 리플레시를 한다음 클릭하는데 안되는 것이다. 뭐지 당황스러워서 F12를 클릭해서 바로 디버깅을 하는데 아무 문제 없었다 더욱더 당황스러웠다. 뭐지 하면서 다시 뚫어지게 보는데 아! 망연자실이다. 이게 바로 복붙에 망함이고, 로직을 생각안하고 치고는 내 자신에 대한 반성이다. display를 그대로 복붙한것이다. 숨기기 위해서는 none 인데 말이다. 이런 실수와 자연스러운 행동에 나에 내공에 너무나 실망 스럽다. 더욱더 집중 해야 겠다.
# 결론
무슨일을 하거나 코딩을 할때는 집중하고 다시한번 생각하는 습관을 가지자.
문제에 대해서 왜 그걸 해야 하지? 물어보고 그걸 위해서 어떻게 해야 하는지 집중해 보자.
그럼 좀 다른 결과가 나오지 않을까 싶다.
시간은 돈과 바꿀 수 있다.