naji

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 나는 왜 건들지 않았던 lib/schema에서 저러나... 했는데 aws 에서 중지를 하고 ip4값을 사용해서 였음중지 하지 말고 그대로 쓸 것 : 중지하고 재 시작하면 번호가 바뀜 오류2어제밤부터 계속 나던 오류.. 처음에는 60번대 두어번 나오더니 이번에는 13번이래... 어디서 잘못된거니.. 해결.. 🫠 어제 밤에 오류나서 오늘 오후 4시에 해결됬으니... 😊 행복해.. 패스워드 뒤에 , 요 친구 탓이였음.....ㅎ.. 하나 간신히 처리했으니.. 이제 포켓몬 말구 nodemon 이랑 싸우러감....ㅎ https://8naji.tistory.com/124 ctrl c -> node app.js 를 보다 편하게 사용하려고 하는듯?설치하면 ctr..

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 팀프로젝트 후에 코드 리뷰를 전날 마무리가 안되어 아침에도 함께 코드리뷰함, 노드입문, 코딩 잘하는 방법 : 목표설정 정확히 - 코드를 만들면서 정하지 말것, 유지보수가 쉽고 보기 좋은 코드로 만들 것, 변수 이름 의미있는 것으로 해야함 웹브라우저 통신 방식웹브라우저 : 인터넷 브라우저 ; HTML, CSS Javascript 파일을 전달받아 해석=> 우리 눈으로 볼 수 있음전달받고 해석하는 과정에서 웹 브라우저는 정적인 파일과 동적인 정보 처리 브라우저 통신방식1. 사용자가 웹 브라우저의 주소창에 URL입력2. 웹  브라우저는 입력받은 URL읠 DNS서버로 전달하여 해당 IP주소 찾음3. DNS서버는 도메인 이름을 IP주소로 변환 4. 웹브라우저는..

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - css문제점 / css컨벤션 / promise 결론 link 2줄의 위아래 바꿔줌원래 : styles 아래에 reset 있었음 ; 초기화 후 내 스타일로 반영시켜야함. 반대로 하면 내 스타일 적용 후 초기화가 되는 것  css 파일관리1. css 파일 압축, 주석,공백, 줄바꿈을 제거하여 유지 보수 및 수정사항 전달을 용이하게 한다.2. css 속성순서 - display, list-style, postion, float, clear, width/height 등 순서로 css 속성 정의한다.                         -요소의 윤곽, 테두리, 배경등을 순서로 css 속성을 정의한다.3. css 작성 규칙 - 모든 속성은 숫자, 대문자..

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 프로젝트 하며 나온 코드 분석담당 - 영화리뷰 CRUD (리뷰 등록, 수정, 삭제 구현)JSON. parse JSON.stringifyJSON. parse : JSON 형식의 문자열을 입력받아 자바스크립트 객체로 변환하는 내장함수                        (이때 객체로 변환하는 과정을 파싱이라고 함)JSON.stringify : 자바스크립트 객체를 JSON문자열로 변환하는데 사용됨(선택적으로 replacer 함수를 두번째 인자로 전달 할 수 있음. 이 함수는 각 속성에 대해 호출 되어 값을 변환할 수 있음. 함수, 날짜, 정규표현식 등의 특수 객체는 문자열로 변환.) addEventListener :  JavaScript에서 이벤..

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - [], 배열 팀프로젝트 나의 파트 : CRUD 만든 리뷰창값을 localstorage 연동하기  자바스크립트에서 대괄호 []는 주로 다음과 같은 용도로 사용됩니다:1. 배열 리터럴 - 배열을 정의하고 초기화 할 때 사용 ex) const arr = [1][2][3];2. 배열요소 접근 - 배열의 특정 인덱스에 있는 요소에 접근 할 때 사용 ex) console.log(arr);// 13. 객체 프로퍼티 접근 - 객체의 프로퍼티에 접근할 때 사용할 수 있음 ex) 4. 계산된 프로퍼티 명 - 객체 리터럴 내에서 프로퍼티 키를 동적으로 생성할 때 사용     ex) const key = 'age'; const person = {[key]: 30};5...

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - CRUD 구현중 알게 된 것 들영상보고 따라하며 구현해보려고 했으나.. 실패 😂 구글링도 실력.. html에서 js연동은 맨 마지막에 넣을 것예시 :             : 줄 생성 ; 하나만 쓰면 됨 '' 없음------css 폰트사이즈 : 수치 remfont-weight : 폰트 굵기 700정도 사용함hover : 버튼 등에 사용 되며 마우스가 올라가면 해당 색으로 변경.addBtn:hover {background-color: rgb(95, 95, 95);color: white;}pre-wrappre-wrap 속성값은 pre 속성값과 동일하게 연속된 띄어쓰기와 들여쓰기, 줄바꿈을 있는 그대로 보존관련자료 https://www.daleseo...

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 깃허브..  문제사항 : 팀원의 프로젝트를 가져와서 수정 -> 팀원의 파일을 팀장님이 포크 라는 기능 사용 후 깃허브에 올림파일 옆에 기존 팀원의 깃허브 주소? 이름이 같이 뜸(원래 base:브랜치이름  compare:내가 만든 기능브랜치 이름 인데; base:브랜치이름+기존팀원의 깃허브이름  compare:내가 만든 기능브랜치+기존팀원의 깃허브이름)이런느낌 => 올리고자 하는 것이 잘 안되고, 관람자 처럼 보기 위주로 된다고 함 결론. 파일을 클론해서 복사 후 붙여놓고 새 폴더로 붙여넣기 하기 => 새 파일로 만들어서 올리기  https://8naji.tistory.com/66 (angle >= v)).length;    return answer;..

240429 TIL참고// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 이벤트 위임 잘 사용하려면 ..event.tatget: 이벤트 발생한 요소, 내가 클릭을 한 장소event.currenTarget : 이벤트 핸들러가 등록되어있는 요소여기서 만약에 h3을 클릭했다면 (이벤트 타겟) , ul 태그 : 이벤트핸들러가 등록되어 있으니 이벤트 커런트 타겟카드와 카드 사이의 공간인 ul태그에 이벤트핸들러를 넣었다면 fuction handleClickCard(event) {if (event.target === cardist) return;                ul을 클릭한 경우        함수 종결 시키기위의 함수는 return을 만나면 끝남 (js에서는)if (even.target.matches..

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 알고리즘 다시 볼 것정렬알고리즘 - 버블정렬, 선택정렬, 삽입정렬, (머지소트, 힙소트 등) 버블정렬 : 원소가 많을 수록 오래걸림o(n^2) 정렬의 1번과 2번을 비교비교후 작은 수가 앞으로 가도록 정렬2번과 3번을 비교비교후 작은수가 앞으로 가도록 정렬반복하기한 텀이 끝나면 다시 정렬하되 마지막은 빼고 정렬  얼마나 반복할건지, 두번째 반복은 하나의 프로세스에서 어떻게 반복할건인가;비교하는 반복문, 배열이 줄어드는 반복문의 중첩실험군과 대조군 같이 비교 ;n - i -1  —선택정렬; 인덱스 하나마나 위치할 원소 결정 -> 인덱스로 넘어가는 기법사람들이 일렬로 쭉 어있는데 한 번. 쓱 둘러보며 가장 작은 사람 찾기전부다 봤다면 다음 텀에서 두번째..

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 일단 자바스크립트 완강....dom 클로저: 외부함수보다 중첩함수를 오래 유지시 중첩함수는 외부함수의 변수를 여전히 참조할 수있다. ; 여기서의 중첩함수는 클로저constructor : 생성자 - 알고리즘 시간복잡도는 보통 최악의 경우를 가정하여 정량화 포 문이 중첩되면 거듭제곱 ; 시간이 많이 걸림빅오표기법 big-o 공간복잡도는 많이 사용치않는듯  o(n^2) 오 의 엔제곱 —배열은 연속적인 공간에 있어야함(배열은 편의성) ; (반복문:배열,알고리즘)100 101 102… 이런 식 arr[3] a     b     c 0     1      2    … const memoryAddress = initMemoryAddress + index;    ..