공대키메라

지난 글에서 Arrays와 관련된 메서드들을 정리했다. 지난 내용이 궁금하면 여기 클릭! 이번 글에서는 copyOfRange, equals, fill, deepEquals 의 내부 코드를 살펴보고 사용법에 대해 알아볼 것이다. 참고한 내용은 다음과 같다. https://www.geeksforgeeks.org/equals-and-deepequals-method-to-compare-two-arrays-in-java/ https://yeh35.github.io/blog.github.io/documents/java/java-assert/ 1. Arrays.copyOfRange 지난 글에서 보았던 copyOf와 왠지 비슷할 것 같은 느낌이 든다. copyOf //copyOf @HotSpotIntrinsicCand..

요즘 필자는 코딩 테스트 책으로 공부하고 있는데, 배열 관련 문제를 푸는데 유용한 Method 를 소개하고 있다. 사실 보면 다 아는것이 대부분인데 이것을 적재적소에 사용할 수 있는지는 별개의 문제이다. 고로, 이번 기회에 Arrays와 관련된 유용한 기능들을 정리하려고 한다. (별로 유용하지 않아도 봐주세요...ㅠㅠ) 참고한 사이트는 다음과 같다. https://www.geeksforgeeks.org/arrays-aslist-method-in-java-with-examples/ https://www.geeksforgeeks.org/system-arraycopy-in-java/ https://coding-factory.tistory.com/548 1. 얕은 복사와 깊은 복사 얕은 복사과 깊은 복사에 대해..

지난 장에서는 pl/sql을 간단히 소개하고, 사용법을 숙지 및 경험을 통한 장단점을 알아보았다. 지난 내용이 궁금하면 여기 클릭! 이번 장에서는 package와 function의 차이점을 알아보고, 사용법에 대해 알아보고자 한다. 참고한 내용은 다음과 같다. http://www.tcpschool.com/cpp/cpp_function_basic https://www.onlineinterviewquestions.com/what-is-the-difference-between-function/ 1. FUNCTION vs PROCEDURE vs PACKAGE의 차이점 pl/sql은 지난 시간에 봤듯이 단순히 스크립트에서 선언해서 사용하는 것이 아니라 보통 function, procedure, package중 하..

최근에 회사에서 pl/sql을 많이 사용하고 있다. 이번 글에서는 pl/sql이란 무엇인지, 그리고 장단점이 무엇인지 간단하게 알아보고자 한다. * 참고한 사이트 및 사진의 출처 - https://ko.wikipedia.org/wiki/PL/SQL - https://www.google.com/imgres?imgurl=https%3A%2F%2Fpbs.twimg.com%2Fprofile_images%2F1558677096611737601%2FHOLFWgAh_400x400.jpg&imgrefurl=https%3A%2F%2Ftwitter.com%2F3_chan_04&tbnid=UknFM8HvJvlxbM&vet=12ahUKEwip0v-_pef8AhWZEKYKHWTKDw0QMygAegUIARDNAQ..i&docid..

지난 시간에 Next.js에서 SSG(Static Site Generation)와 SSR(Server Side Rendering)이 어떤 흐름으로 적용되는지 알아보았고, SSG, SSR을 어떻게 적용했는지 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 지난 시간에 이어서 SSR에서 어떻게 해야 action을 dispatch할 수 있는지 알아볼 것이다. 참고한 사이트는 다음과 같다. 출처: https://www.youtube.com/watch?v=w8n7Soz7khw&ab_channel=LeighHalliday https://stackoverflow.com/questions/70426965/how-to-use-next-redux-wrapper-with-next-js-redux-toolkit-and-t..

지난 시간에 Next.js에 대해 알아보았다. (궁금하면 여기 클릭!) 지난 Next.js 알아보기 - 1탄에 이어서 이번 시간에도 Next.js에 대해서 알아볼 것이다. 키메라가 정리하는 내용은 전부 공식 사이트에 있다. 다만 필자는 정리를 하면서 스스로 적용하는 것이 더 이해도 잘되고 기억에 오래남기 때문에 번거롭더라도 번역을 하면서 정리하고 있다.(그래서 약간 어색함 ㅎ...) 키메라가 정리한 내용을 읽을 필요 없이 다음 사이트를 참고하면 된다. 출처: https://nextjs.org/learn/basics/data-fetching/blog-data https://cpro95.tistory.com/492 https://www.youtube.com/watch?v=WAMqFdCFotY&ab_chann..

저번에 어떤 오류에 대해서 내용을 찾다가 우연히 (우연찮게라는 말은 "우연히가 아닌" => "고의적으로" 라는 말입니다. ㅎㅎ) ReactDOM.createRoot과 ReactDOM.render에 대해서 비교하는 글을 찾았다. 그래서 이번 시간에는 이에 대해서 읽어보는 시간을 가져보겠다. 해당 내용은 외국 사이트에서 영어로 되어 있는것을 필자가 한글로 정리한 것이다. 출처: https://dev.to/fromaline/reactdomcreateroot-reactdomrender-1jg6 https://blog.fearcat.in/a?ID=00001-3af04151-f7a0-467a-9068-dc3637befcd2 ReactDOM.createRoot 🆚 ReactDOM.render ReactDOM.crea..

전번에 필자가 redux-saga를 공부했었는데, 이런 문제가 있다. redux로 이제 store를 생성해서 사용 했는데 이게 deprecated되어서 redux-toolkit을 사용하라고 버젓이 적혀있다. 이것을 또 놓치고 그냥 가기에는 키메라의 마음에 너무 걸린다 끼에엑!@ 고로... 이번 시간에는 redux-toolkit에 대해 알아보고 이것을 어떻게 기존 코드를 변경시켜서 redux team에서 추천하는 redux-toolkit으로 도배할 것이다 (가즈아!) 참고한 사이트는 다음과 같다. 출처 https://www.youtube.com/watch?v=9MMSRn5NoFY&ab_channel=EdRoh https://redux-toolkit.js.org/ https://redux-toolkit.js..

지난 시간에 redux-saga를 어떻게 code splitting 을 적절하게 적용해서 함께 사용할 수 있는지 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 Next.js란 무엇인지 알아보고, 처음 프로젝트틀 한번 세팅해볼 것이다. 참고한 사이트는 다음과 같다. 출처: https://nextjs.org/learn/foundations/about-nextjs https://nextjs.org/learn/basics/create-nextjs-app https://nextjs.org/learn/basics/assets-metadata-css/assets 1. Next.js란? CSR sv SSR 에 대해 알아본 적이 있는데(궁금하면 여기 클릭), 그때는 간단하게 Next.js에 대해 소개했었다. Nex..

지난 시간에 redux-saga에 대해 간단히 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 다시 좀 더 나은 예제로 다시 연습해보려고 한다. 사실 전에 예시는 무언가 reducer도 나뉘어 있지 않아서 작업을 하는데 있어서 사용함에 있어서 매우 불편했다. 이번에는 좀 더 깔끔하게 구조를 잡고 학습할 것이다. reducer와 redux-saga를 다시 잘 적용하면서 말이다. 참고한 내용은 다음과 같다. 출처: https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC https://react.vlpt.us/basic/23-immer.ht..