코딩기록

1. JavaScript를 공부하면서 느낀점음.. 역시 강으를 보며 코드를 따라하는것과 고민하며 직접 코드를 구현하는것은 큰 차이가 있다.가장 어려웠던것은 로직구현, 자바스크립트 문법도 아니고 '처음에 시작을 어떻게 하는가'였다.'JS를 작성하기에 앞서 먼저 내가 해야할것은?' 항상 이 생각이 먼저 들었고 여기서 막혔었다.그래서 쳇지피티에게 물었다'html, css, app.js가 이러이렇한데 내가 동적으로 index.js 파일을 만들려면 무얼해야해?'답을 주었고  js 작성순서를 아래와 같이 정리했다.  자바스크립트 작성순서1. html에서 dom 가져오기2. 이벤트        변수.addEventListener로 어떤이벤트에 어떤 함수를 붙일지 작성3. 함수에 동작 로직 작성        구체적인 ..

숫자배열 양수를 음수로 혹은 음수를 양수로 변환function invert(arr) { return arr.map(x => x == 0 ? - 0 : 0 - x); }  모두 양수로function invert(arr) { return arr.map(x => Math.abs(x)); }   모두 음수로function invert(arr) { return arr.map(x => -Math.abs(x)); }   참고 나, 쳇지피티

js 코드를 작성할때는 구조화된 단계적 접근이 중요하다. 일반적으로는 기능 정의 → DOM 조작 → 핵심 로직 → 이벤트 처리 → UI 업데이트 순으로 코드가 작성된다.   JavaScript 코드를 짤 때 일반적인 작성 순서:목표 정의 및 요구 사항 분석:먼저 코드가 해결하고자 하는 문제를 명확히 정의합니다.어떤 기능을 만들지, 그 기능을 어떻게 구현할지에 대해 설계하고 계획을 세웁니다.DOM 요소 선택 및 초기 설정:DOM을 조작할 요소들을 선택합니다. 예를 들어, querySelector나 querySelectorAll로 HTML 요소를 선택합니다.필요한 초기 상태나 설정을 해줍니다. 예를 들어, data-* 속성을 읽거나 초기화 작업을 합니다.핵심 로직 구현:주요 로직을 구현합니다. 예를 들어, ..

항상 콜백은 머리를 어지럽게 해서 흐름을 정리 했다.  1 const one = (callback) => {2 const a = 'one 함수 실행 후 생기는 데이터';3 console.log("one 함수");4 5 callback(a);6 };7 8 const two = (a) => {9 console.log(`${a}를 이용하는 two`);10 };11 12 one(two);13 14 //print15 one 함수 16 one 함수 실행 후 생기는 데이터를 이용하는 two 코드 흐름 설명12 one(two)one 이 실행 되면서 two라는 인자가 넘어가게 되고 1 (callback)callback이라는 매개변수에two가 담긴다one 함수에서 실행되는 함..