생각기록

테츠.이효석 강사님 리얼소프트.. 오늘의집 >시공 서비스 데이터 React js 의 뜻 뜻 : 반응형 JS JS의 라이브러리가 React임 why? stack overflow ㅡ> 개발자들 사이에서 좋아요를 많이 받은 댓글이 좋은 해결책 세상에서 많이 쓰이는 프레임워크다 설문조사 중 js 라이브러리 순위 1.nodejs ㅡ>백엔드 2.reactjsㅡ>프론트 site:stackoverflow.com react 구글링시 검색량이 뜸 si 시장 스프링, 리엑트 설치 wappalyzer - technology profiler 해당 웹페이지 코드를 읽으며, 해당 웹페이지에서 어떤 기술을 쓰는지 알려 줌 리엑트는 페이스북에서 만들었다. 오래된 서비스라 하휘호환 컴퓨터도 검색을 할 수 있도록 하는게 중요하다 오래된 ..

포트폴리오 서버에 프로젝트 배포하는 법 준비물 서버에 nodejs, putty, filezila 1. 푸티 로그인 2. 파일질라 접속 /var/www/html 왼쪽 : 로컬 오른쪽 : 서버 네이버클라우드 서버 디렉토리 서버에 / 을 우클릭 새 디렉토리 만들어서 노드모듈스 꼭 제외하고 옮겨라 1. 서버에 옮길 목록을 우측에 업로드 2. putty에서 서버 디렉토리로 이동 /project 푸티에서 cd /project 하면 이렇게 바뀌어야 한다. 3. node -v / npm install 설치 프로젝트의 페키지 제이슨에 있는 디팬던시 의 모듈들을 읽어서 알아서 설치하도록 4. 노드js 서버에 설치 파일질라 서버에 노드모듈스가 알아서 생기고 우리가 vscode에서 서버열듯 똑같이 하면 됩니다. 서버에서 no..

검색.. 이미지 미리보기 라이브 댓글/대댓글 db따로 세션 스토리지 - 갯아이템 가게주소 출력 페스포트 모듈? 오픈레이어스 api 기획한 이유 개발환경.. 개발일정 흐름도 db설계 기능 명세서 사이트 이용 방법, 아이콘 호버시 이름으로 밖.. 카카오로그인 모달로 수정완료 애니메이션.. 자동로긘 기능정의 uml 피드백 기술적 설명 너무 기능위주의 설명보다는 > 라이브러리 설명 추가적 설명 추가 서비스 기능만이 아닌 > 듣는 사람들을 위해 기능, 기술 위주로 설명하면 좋다.

로컬서버와 서버의서버가 다르다는 사실.. 로컬에서 서버 db를 연결햇다는것은 로컬에서만이다. 서버에도 mysql을 설치해줘야하며 backend 에 사용한 파일들을 파일질라에 넣어줘서 서버에서 node server.js 해야 함..ㅠ 리엑트는 build 폴더를 올리는데, 그것은 veiw에 관한 부분뿐이라 backend 폴더도 올려줘야 함! backend 폴더에 항상 pakcage.json을 따로 할것 ( 서버에만 필요한 것만 넣기 / 용량을 최소화 하기 위함 ) https://uncovered-nutmeg-b8e.notion.site/MySQL-fbfc611321a7477184cdf0b5fd3db498 MySQL 서버 설치 및 접속 1. MySQL8.0 서버 설치 uncovered-nutmeg-b8e.no..

업로드관련 사용자아이디 + 확장자는 파일이름이 겹칠일이 생긴다. 같은이름이면 네트워크에서 애초이 2번째를 읽지 않는다 기존 사진일것이다. 그럴 경우 네트워크에 disable cache 캐시 비활성화를 체크해주면 보인다. 코드에도 캐쉬가 안보이도록 저장해야 할 것이다. 1. 파일 업로드 요청 var form = document.getElementById('profile_info'); var formData = new FormData(form); axios({ method : 'post', url : '/upload_file', data : formData, headers : { 'Content-Type': 'multipart/form-data' } }) 서버 라우트 정의하는 곳 multer관련 모듈 여기서..

PATCH http://localhost:8000/Edit_info_update net::ERR_CONNECTION_REFUSED 가 뜨고 서버가 죽었다 이러면, 보통 서버에서 문제가 생긴 경우가 많다고 한다. 보니 send에 저렇게 하면 안된다고한다.. render할때는가능 이게 맞다 그리고 닉네임 수정만 해도 수정이 되게 하거나 비밀번호 수정만 해도 수정이 되게 하려면 로직을 더 생각해봐야 한다... 내가 틀린이유 1. id값을 서버가 알아야 한다고 생각해서 보내는 data 부분에 넣었음 patch 는 부분 수정 요청으로 수정할 것만 보내줘야한다 2. 아이디 변경이 되고, 비밀번호 빈값이 업데이트 된 부분 아이디 따로 pw따로 검사 하게 바꿧고 만약 폼의 pw가 같거나, form의 name을 검사했을..

유효성 검사 설계 검사 내용 기능 브라우저 아이디 중복 체크 버튼을 누르면 중복검사 한다. 알림창 중복 o > 아이디가 이미 있다. 중복 x > 사용 가능한 아이디 입니다. 15이하 닉네임 체크 동적 폼전송으로 옆에 뜨도록 한다. 중복 o > 닉네임이 이미 있다. 중복 x > 사용 가능한 닉네임 입니다. 8글자까지 비밀번호 체크 동적 폼전송 숫자와 !@# 섞어서 기본 10글자 이상 쓰세요 이메일 중복 체크 버튼 누르면 중복 검사하고 알림창 중복 o > 아이디가 이미 있다. 중복 x > 사용 가능한 아이디 입니다. 15글자까지 데이터베이스 # mysql 사용자 추가하기 CREATE USER 'kimsampark'@'%' IDENTIFIED BY 'qwer1234'; # DB 권한 부여 (모든 DB에 접근 ..

로그인, 로그아웃 1. 세션 인식을 못하는 문제 라우터 설정보다 위에 있어야 하는데 밑에다 둬서 하루종일 개고생했습니다.. 팀원이 알려줘서 알았네요 감사합니다 ㅠㅠ 2. req.session.id 는 쓰면 안됩니다. 접속되면 기본적으로 저장되는 세션 값입니다. https://velog.io/@dev2820/nodejs%EC%9D%98-%EC%84%B8%EC%85%98 nodejs의 세션 세션에 대해 조사한 내용 + 알던 내용 정리 + nodejs,express 예제 글입니다. https://www.npmjs.com/package/express-session 를 위주로 작성하였습니다. 세션 세션(session)은 서버에 저장되는 key-value 형 velog.io 작동 방식 클라이언트가 서버에 처음으로 ..