전체 글 (92) 썸네일형 리스트형 정렬 알고리즘 피드백 정렬 알고리즘 피드백 문자열은 상수로 관리 함수 선언문에는 세미콜론 X 동사로 시작하는 변수명 => 함수 class명 통일하기 => https://www.w3schools.com/js/js_conventions.asp 비슷한 성격 상수 object로 묶어서 사용 헬퍼 함수 ? 비교 연산자 사용시 =>비교대상 왼쪽 비교기준값 오른쪽 필요한 주석의 경우 주석 레이블 컨벤션 // TODO: something to do // FIXME: something have to fix let, const 구분하여 사용 변수명 구체적으로 짓기 ( l, r 등 과도한 축약어 사용 지양) input 받는 부분을 개선 // 에러처리 , 2자리수 이상 숫자 입력 등등 createElement 변수명 div, divElemen.. 인터넷 브라우저에 주소 입력시 일어나는 일 1. 사용자가 주소창에 URL 주소 입력 웹 브라우저가 URL 해석 2. DNS 조회 URL 주소중 도메인네임 부분을 DNS 서버에서 검색 => 도메인 네임 해당 IP 주소 반환 - Domain Name Server : 도메인 이름을 호스트 네트워크 주소 바꾸거나, 변환해줌 3 웹 서버에 HTTP 요청 메시지 생성 받은 IP => HTTP 프로토콜 사용 => HTTP 요청 메시지 생성 TCP 프로토콜 사용 => 인터넷 거침 =>해당 IP 주소의 컴퓨터로 전송 HTTP : HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜 TCP : 네트워크의 정보 전달을 통제하는 프로토콜 4. HTTP 응답 메시지를 생성 웹 서버에서 URL 정보 해당하는 데이터 검색 => HTTP 응답 메시지를 생성 TC.. stable , unstable, inplace stable , unstable 같은 키 값을 가진 원소의 순서가 정렬 후에도 유지 되느냐 정렬 후에도 원래의 순서 유지 => stable 반대 => unstable ex) quickSort inplace 입력 리스트 내부에서 정렬이 이루어짐 반대 => 별도의 저장공간 필요 ex) mergeSort innerText, innerHTML 차이 innerText => 문자열 그대로를 리턴 innerHTML =>태그를 적용시킴 문자열을 html로 인식하여 리턴한다. ex) 거북 positon static 기본 왼 =>오 , 위 => 아래로 쌓임 relative 요소 안쪽 방향으로 이동 가능 absolute position: static 속성을 가지고 있지 않은 부모를 기준으로 움직임 부모 중 relative, absolute, fixed인 태그가 없다면 가장 위의 태그(body)가 기준이 됩니다. 부모 position : relative, absolute, fixed => 자식 position: absolute 일때 부모 요소 기준으로 움직임 부모 position: 위 3개 없을시 => 가장 위 태그 (bdoy)가 기준 부모 positin: static => 영향 x promise 프로미스 자바스크립트 비동기 처리에 사용되는 객체 콜백에 콜백 계속 연속으로 쓰면 => 가독성이 안좋아짐 => 유지보수가 안좋음 수정, 새로운것 추가도 힘듦 식이 끝날때까지 기다려야 함 프로미스 주도권을 어느정도 가져옴 프로미스 => 객체 만드는것 비동기 흐름을 관리해주는 객체를 만드는것 장점 비동기 흐름에서 콜백을 넘겨주고 기다리는 형태 => 프로미스 객체 만듬으로써 리턴, 매개 변수 넘기기, 추가 기능 넣기 등등 가능 에러 핸들링도 잘해줌 자바스크립트 네이티브 try, catch와 비슷하게 처리할 수 있게 됨 // 비동기는 못썻음 // 어쩔 수 없이 콜백으로 넘겨줫음 프로미스 인자 => 함수 1개 함수의 인자로 => resolve (성공), reject (실패) then =.. 디자인 패턴 Module, Singleton, Mixin , PubSub 디자인 패턴 자주 쓰는 설계, 구조상의 문제를 정리한 패턴의 집합 문제 해결을 위한 틀 잘 적용해서 사용하는것이 중요 도구, 툴 유행변함 // 라이브러리,프레임워크 =>스스로 학습능력 중요 많은 종류가 있고, 만들기도 가능 왜 쓰는지 ? 객체관의 관계를 유연하게 만듬 => 유지보수가 용이 장점 - 증명됨 많은 시행착오 후 결과물 - 재사용성 우리가 사용할곳에 조립해서 재 사용 - 표현적 가독성 우리상황에 맞게 조금씩 변형,수정해서 씀 => 사용하면 해결보단 방향성 제시 수정, 손본 후에 사용해야 함 설계도 제시 디자인 패턴의 종류 1. module 객체 만드는것 === 모듈 만드는것 ex) 레고 만들기 한피스 모아서 더 큰걸 만듬 ( 조립형 ) 모듈을 만드는 패턴이 기본 ( 객체 ) 를 응.. async 과제 리뷰 bool 변수명 맨 앞에 is나 has 붙여주기 https://dev.to/michi/tips-on-naming-boolean-variables-cleaner-code-35ig 변수명 어떤 역할, 어떤 형태의 값이 들어있는지 ( 복수,단수) 예측 가능하도록 지어주기 !bool값들 true로 해주기 이전 1 ··· 3 4 5 6 7 8 9 ··· 12 다음