JavaScript8 2021.08.04 JavaSript 콜백 지옥에서 벗어나기 2021.08.04 JavaSript 콜백 지옥에서 벗어나기_정리노트 책에서 이제 외부 API 연동을 위해서 자바스크립트 개념이 나오기에... 미뤄왔던 개념부터 정리할 예정....흑흑.....객체랑 콜백이 제일 어렵단... 이번에는 조금 빡세게 정리하고 넘어가야할듯하다. 그동안은 계속 가볍게 얘기해왔기에.. 그 전에 비동기 작업에 대한 이해를 책에서 다루기 때문에 같이 정리해볼 예정! 비동기 작업 웹 애플리케이션을 만들다 보면 처리할 때 시간이 걸리는 작업이 있다. 예로 서버쪽 데이터가 필요할 때는 Ajax 기법을 사용하여 서버의 API 를 호출함으로써 데이터를 수신한다. 이렇게 서버의 API 를 사용해야할 때는 네트워크 송수신 과정에서 시간이 걸리기 때문에 작업이 즉시 처리되는 것이 아닐라, 응답을 받.. 2021. 8. 4. 2021.04.22 JavaScript Object 복사 2021.04.22_JavaScript Object 복사_정리노트 오늘은 많이는 안쓰이지만, 단순히 따라하는 방법이 나한테는 어려워서 따로 정리 ㅎㅁㅎ 또한 객체의 중요한 포인트를 짚고 넘어가고 싶어서 포스팅 쓰기!! 오늘도 역시 멋진 모던 자바스크립트로 공부하기. ko.javascript.info/object-copy 객체는 참조에 의해 저장되고, 복사된다. 원시값은 값자체가 복사 되지만, 객체는 참조에 의해 저장되고 복사된다. 이게 머선 말이냐, 원시값은 a=b 라고 가정했을때, b에서 a의 값 자체가 복사가 되는데, 객체는 objA = objB 라고 복사를 하고 싶으면, objA 의 값이 objB 자체에 복사가 되는 것이 아니라, 실제 객체의 값이 들어 있는 메모리 주소인 객체에 대한 참조 값이 저.. 2021. 4. 22. 2021.04.14 JavaScript Object 2021.04.14_JavaScript 객체_정리노트 오늘도 역시 ko.javascript.info/object 에서 본 내용들을 혼자 정리해서 주절주절 할 예졍!!! 단순히 객체는 여러 데이터의 집합을 나타난다고만 생각했는데, 뭐 사실 그게 다다. 하지만!!! 제대로 알아보기 위해서 다시 꼼꼼히 정리. 그으저언에_______ 함수가 끝나고, 코드 품질을 위한 챕터가 하나 있었는데, 제대로 읽어보려면 아직 한참이겠지만, 그 중에서 하나만 짚고 넘어가려구 ..! 다음에 제대로 코드를 뚜들뚜들 할 때 열심히 이 챕터도 정리해야지..! 단순히 프로젝트 할 때 ESLint 라는 코드 익스텐션을 깔아서 썼었는데, 막 복잡해서 이거 꼭 써야하나..? 했는데 역시역시 훑어봐도 써야할 듯 함.. 쨋든쨋든 내가 왜 잠시.. 2021. 4. 14. 2021.04.13 JavaScript 함수 2021.04.13_JavaScript 함수_정리노트 오늘은 ko.javascript.info/ 에서 참고해서, 함수 혼자 헷갈리는 거 혼자 정리해보기. 함수는.. 정말 태생 문과인 나에겐 항상 꺼려지는 개념인 것 같다. 그래도 나중에 비동기 처리 과정에 대해서, 그리고 그를 유연히 다루기 위한 개념들을 좀 더 이해하기 위해 먼저 정리하는, 기본 함수에 대한 나의 정리. 먼저, 기본적인 것들을 혼자 주절주절 하면서 정리. 함수의 이름은 무엇을 하는지 직관적으로 알 수 있어야 하며, 동작을 수행하기 때문에 주로 동사로 이루어 진다. 코드는 혼자 칠 수는 있지만, 평생 혼자 하지 않아!!! 그렇기 때문에, 은연중..? 암묵적..? 에 개발자들이 정해놓은 규칙 같은 것이 있다. 이는 지키지 않아도 되지만, 하.. 2021. 4. 13. 2021.04.05 JavaScript 논리 연산자 정리 2021.04.05_JavaScript 논리 연산자 정리_정리노트 참고 - ko.javascript.info/logical-operators ㅎㅇㅎㅇ 오늘은 또 자바스크립트로 돌아와쑴~!~! ㅎㅁㅎ 증맬로 기초부터 차근차근 꼼꼼히 해봅씨다. 오늘은 단순히 OR,AND,NOT 의 뜻만 아는 것이 아니라, 좀 더 정확하게 어떠한 역할을 하는 것인지, 몰랐던 것 위주로 정리. 쨋든 ㄲ 합씨다!!!! 먼저 내가 생각한 핵심 개념. AND ( && ) , OR ( || ) 이렇게 불리안형 값을 출력하게 되는 것은 기본 개념이지만, 만약 alert 로 불리안형이 아닌 다른 반환값들을 출력하면, 과연 어떤 값들이 출력될까? 둘 다 왼쪽에서부터 연산을 시작한다. 여기서 AND 는 , 첫번째 false 값을 반환하고, .. 2021. 4. 5. 2021.03.24 Java Script 변수 선언, 할당 2021.03.24_Java Script 변수 선언, 할당 _정리노트 ㅎㅇㅎㅇ... 리액트 모달로 돌아온다 했다가 한달 뒤 이상한걸로 돌아와버린 나..... 이번 프로젝트 하면서 너무 반성을 많이 했기.. 때문에 맨날 자바스크립트 기초부터 처음부터 잘 다잡아야지 다잡아야지.. 하는데 정말 한달 뒤에나 블로그로 돌아오고 말았다. 요즘은 가끔씩 블로그 쓰면서 반성만 이따시만큼 하는 것 같은데.. 오늘도 역시 반성으로 다시 돌아왔다. 사실 블로그라는 공개적인 장소에서 리액트를 어떻게든 해보려고 좀 더 성장한 모습만 담으려다가 전혀 죽도 밥도 안되는 것을 알고 나의 한계성을 깨달으며, 그냥 부끄럽지만 자바스크립트 기초 부터 그동안 쪼맨씩 해왔던거 기록할려고 한다. 누가 뭐라 해도 블로그를 제일 잘보는건 나이기 .. 2021. 3. 24. 2020.11.30 search jQuery, 기능 보안 2020.11.30 search jQuery, 기능 보안_정리노트 저번에는 search 기능만 구현해봤다면, 오늘은 search + paging 기능과 짜잘한 css , jQuery 정리 노트!! 최종 결과물 뭐가 달라졌냐면, 검색결과 또한 10개의 게시물이 넘어간다면, 페이징을 해주고 input 창에는 클릭한 채가 되면, placehoder 에 있는 글자를 없애주었다. 마지막 !! 검색어는 두 글자 이상 입력해달라는 경고창 띄우기!!! 하나하나 정리 ㄱㄱ 저번 포스팅과 달라진 점이 있다면, 검색할 때 필터로 제목과 | 을 써서 내용을 같이 필터링 해주는 or 연산자 사용!-! or 과 | 차이는 비트연산자 ( | ) 와 논리 연산자 ( or ) 라는 차이인데, 비트 연산자는 비트 계산으로 숫자에 관한 .. 2020. 12. 1. 2020.11.27 nav bar active 활성화 기능 2020.11.27 nav bar active 활성화 기능 정리노트 간만 간만! 옛날에 어떻게 1일 1 포스팅 했냐며.. 그래도 가끔씩 정리할 때 꾸준히 오겠다..! 그동안 더이상 html/css 만으로는 정적인 페이지 밖에 못만들어서 한계를 느껴서 java script 강의도 사서 조금씩 보는중 ㅎㅁㅎ 확실히 할 수 있는게 많아지니 이것저것 추가도 조금씩 프로젝트에 하기 시작함 오늘은 nav bar 에서 현재 내가 클릭하고 있는 페이지 표시 기능 구현! 먼저 네브바 ㄱ ㄱ 이렇게 내가 자유게시판을 가면 이 곳이 네브바에 표시 되도록 하는 기능을 jquery로 구현해봅씨다!!! 먼저 JQuery sdn 검색해서 여기서 minified 링크 복붙해서 html body 부분 맨 밑에다가 붙여줍씨다 그럼 그 .. 2020. 11. 27. 이전 1 다음
