코딩기록

JavaScript를 공부하면서 느낀점 본문

프론트

JavaScript를 공부하면서 느낀점

뽀짝코딩 2024. 12. 31. 22:27
728x90

1. JavaScript를 공부하면서 느낀점

음.. 역시 강으를 보며 코드를 따라하는것과 고민하며 직접 코드를 구현하는것은 큰 차이가 있다.

가장 어려웠던것은 로직구현, 자바스크립트 문법도 아니고 '처음에 시작을 어떻게 하는가'였다.

'JS를 작성하기에 앞서 먼저 내가 해야할것은?' 항상 이 생각이 먼저 들었고 여기서 막혔었다.

그래서 쳇지피티에게 물었다

'html, css, app.js가 이러이렇한데 내가 동적으로 index.js 파일을 만들려면 무얼해야해?'

답을 주었고  js 작성순서를 아래와 같이 정리했다.

 

 

자바스크립트 작성순서

  • 1. html에서 dom 가져오기
  • 2. 이벤트
           변수.addEventListener로 어떤이벤트에 어떤 함수를 붙일지 작성
  • 3. 함수에 동작 로직 작성
           구체적인 js 로직
           여기서 innerHTML로 ``안에 html작성해서 화면에 뿌리기도함.
            매개변수로 들어오는 데이타가 배열인지 객체인지 확인!,
            에러처리 필수!


2. JavaScript 공부하면서 어려웠던 개념과 이유

돔을 가져와서 그릴때 어디서부터 가져와서 그려야 하는지가 어려웠다. 해답은

특정 DOM 요소를 가져오는게 아니라 전체 구조를 동적으로 생성해 삽입하는 방식으로 처리하는 것이 일반적이다.

최상위 요소를 만들고 하위요소를 순차적으로 생성하고 완성된 HTML 구조를 DOM의 특정 위치에 appendChild를 이용해

삽입한다.

 

두번째로 컴포너트들의 역할이다 큐모가 커질수록 기능을 쪼개서 파일을 관리하는데 그렇게 되면 컴포넌트와 기능등을 모아서 관리하는 js 컴포넌트 파일이 생긴다. 한곳에서 가져와 필요한곳으로 보내는것이다. 일종의 허브 역할인데 이걸 여기서 했다 저기서 했다 헷갈렸다. 계속 헷갈릴것 같다.

 

세번재는 ' ' ; 

로직 중간중간 값을 초기화 시켜줘야하는건데 이건 로직에 따라 다른점이라 설명이 어렵다.

 

 

 


3. 제로베이스 온라인 강의 중 가장 도움이 되었던 강의와 이유

기본을 알려주고 실제로 프로젝트를 하는 강의가 좋다. 근데 몇가지 개선점은, 문법을 좀더 많이 설명해 줬으면 좋겠고 폰트 크기를 좀 크게 했으면 좋겠다. 모니터가 커도 폰트 색상이 빨강색이면 = 인지 +인지 잘안보인다. 파일을 제공해 주는 강의는 원본템플릿파일을 보면 되긴하는데 항상 테블릿pc로 볼때는 원본파일을 보기 어려워서 반복재생해서 화면만 뚫어지게 보느라 눈이 아프다 폰트가 좀 컸으면 싶다.

 


4. 나만의 공부팁 (예, 다시 공부한다면 어떤 순서로 공부하고, 어떤 강의를 들으면서 공부할 거 같다)

프로젝트 만드는 강의를 좀더 일찍 보고,  알고리즘 강의 특히 시간복잡도 계산에 공을 들일 것이다 일찍!

5개 성공중 2,3개만 성공하는 일이 종종 있어서,,, 참,,,, 알고리즘이 멀리 느껴진다..

 

 

 

 

 

반응형
Comments