<학습한 내용, 해결방법, 학습소감>

• 함수에 대한 이해가 부족해서 발생한 어이없는 실수때문에 일주일을 코드 한줄로 고민을 했다
• 낫 놓고 기억자도 모른다는 말이 이런 경우였다
• 아래는 햄버거 버튼 애니메이션 함수이다
• 버튼 onClick에 들어갈 함수를 만들어서 적용한 건데, 이전까지 내 코드는

<script>
            function doDisplay(){
                var con = document.getElementById("myNav");
                if(con.style.display == 'none'){ 		
                    con.style.display = 'block';
                }else{ 		
                    con.style.display = 'none'; 	
                }
            }
</script>

• 이 상태에서 myNav ID태그에 display를 적용하지 않고 그냥 사용하니 페이지가 열릴 때 무조건 보여지도록 설정이 되어있었다
• 함수가 잘못된걸 줄 알고 다시 만들어보고, html설정도 바꿔보고, header부분을 새로 만들어도 보고...처음 실습을 시작하고 나서 헤더부분을 만들고나서 지금까지 저 상태로 계속 사용하면서 뭐가 잘못된 건지도 모르고 있었던 것
• 어느 순간 display는 css적용 style인데 왜 난 태그에 적용을 안하고 이러고 있지라는 생각이 든 것
• 페이지가 시작할 때 보여지지 않기를 바라기 때문에 태그에 display:none 적용
• 이후 함수 적용 중복 때문에 코드를 수정

<script>
            function doDisplay(){
                var con = document.getElementById("myNav");
                if(con.style.display == 'block'){ 		
                    con.style.display = 'none';
                }else{ 		
                    con.style.display = 'block'; 	
                }
            }
</script>

• 아주 간단하고도 쉬운 코드 한 줄 때문에 이러고 있던다는게 허무할 다름..
• 내가 사용하고있는 코드들을 아직 제대로 이해도, 활용도 못하고 있구나를 새삼 느꼈다
• 단적으로만 봐도 지금 만들어진 슬라이드부분의 js 코드들은 사실상 클론코딩해온거라 반은 이해를 못하고 있다고 봐야한다
• 이런 경우에서 벗어나려면 적어도 코드들에 대한 이해가 있어야 한다
• 좀 더 노력하자
• 겨우 한 줄이었다
• 포기만 안하면 할 수 있다