평범한 이야기

[ 문제 해결을 위한 나의 솔루션 ] 1. user 가 정의 되어있지 않다고 생각하여 reducers 를 import 를 해보았으나, 해결되지 않음. 2. useSelector 가 작동을 잘못하는 것인지 해당 값을 받는 isLoggedIn 변수가 문제가 있는 것인지 생각하다가 오타가 있는지 확인 함. 그러나 해결되지 않음. 3. reducer 쪽에 정의되어있는 initialState 의 값을 확인하여 혹시 return {} 으로 감싸지 않아서 그런가? 하고 return 을 작성해봄; 그러나 오히려 retun 이 오류를 발생시킴. 해결되지 않음. [ 문제 해결 ] reducer 가 정의 된 곳인 switch 문에 문제가 있는지 확인. case 문에 default 가 빠진 것을 보고 추가 해봄. 해결됨. [..

https://developer.mozilla.org/ko/docs/Web/API/Element/scrollIntoView element.scrollIntoView - Web API | MDN Element 인터페이스의 scrollIntoView() 메소드는 scrollIntoView()가 호출 된 요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤합니다. developer.mozilla.org 원하는 요소의 위치로 이동하고 싶을 때, 아주 유용하게 쓰고 있는 API를 소개합니다~! 예) Arrow Up Button ... const button = document.querySelector(".button"); const target = document.querySelector(".target")..

먼저 시간이 없어 빠르게 진행과정을 기록합니다. 이전에 이미 APM 설치과정은 기록하였습니다. 후후 ^^ 1. 현재 httpd / php / mysql(mariadb) 중 어떤 것이 설치 되었는지 확인 $rpm -qa | egrep "^(httpd|php|mysql)" 2. 설치가 안되어있다면, 설치 $yum install httpd php mariadb mariadb-server php-mysql 3. 다시 설치 유무를 확인하면 아래와 같이 설치된 것을 볼 수 있음 4. httpd / mariadb 서비스 상태 확인 $service httpd status $service mariadb status 5. httpd / mariadb 서비스 시작 $service httpd start $systemctl s..

1. Apache + PHP + MariaDB ( APM ) 설치 1) root 계정으로 변경 # su 2) yum install APM - APM 이란, 웹 서버 소프트웨어인 Apache, 동적 웹 페이지용 언어 PHP, DBMS Mysql의 조합을 가리키는 단어. 주로 Linux 에서 많이 사용. - 전부 오픈소스이며 Linux 에서 사용하게 될 경우 LAPM 이라 함. - 최근은 Apache 보다는 NGINX 서버를 더 많이 사용하는 경우가 있어 LEMP 라는 말도 사용함. # yum install httpd php mariadb-server php-mysql 혹시! yum install 시 아래와 같은 Error 가 발생할 경우 # rm -rf /var/run/yum.pid yum.pid 를 지워..

■ 필요한 지식 : ScrollY , getBoundingClientRect() ■ 검 색 방 법 : jacascript scroll position => https://developer.mozilla.org/ko/docs/Web/API/Window/scrollY Window.scrollY - Web API | MDN Window 인터페이스의 scrollY 읽기 전용 속성은 문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환합니다. developer.mozilla.org ■ 검 색 방 법 : javascript element size => https://developer.mozilla.org/ko/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다. developer.mozilla.org 1. Array.prototype.join() Q1. make a string out of an array (array 를 String 으로 변환하여 한번에 출력하라) { const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(); console.log(result); } 2. String.prot..

[ 설치 순서 ] - 소삐의 순서일 뿐 마음가는 순서대로 설치하셔도 됩니다~!!!! 1. Node.jsnodejs.org/ko/download/다운로드 | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org1) 잘 설치가 되었는지 확인하기 위해 CMD (명령프롬프트) 실행합니다. 2) node -v 를 작성합니다. (버전확인 가능 v14.16.0) 3) npm -v 를 작성합니다. (버전확인 가능 6.14.11)설치가 완료 된 것입니다!!! 2. VSCode (Visual Studio Code)code.visualstudio.com/downloadDownload Visual Studio Code ..

소삐는 개인 Project를 위해 열심히 환경셋팅을 하고 있었답니다... 오늘은 너무 늦어서 일단... 메모만 해둘거에요..!! ㅜㅜ 회사에서 홀로 공부를 하고있는 것인데... 에러가 나서 정말 한참을 헤맸답니다.... 너무나 황당하게도 처음 본 에러를 마주하게 되었답니다... 진짜 40분을 헤매고 삽질했네요...!!! 해결책은 아래와 같았습니다. 처음에는 mapper.xml 을 작성할 때 아무것도 기입하지 않고 아래처럼만 mapper doctype 만 작성하고 실행을 했었습니다. 그런데 에러가 발생한 뒤 Mybatis 에러라는 것을 알고 헤매다가 mapper.xml 에 namespace를 작성해주었더니 정상 작동이 되었습니다!~!! ㅠㅠㅠ 일단 급하게 메모만 하고 슝~! 퇴근해야합니다!!!! 차가 끊겨..