'분류 전체보기' 카테고리의 글 목록 (2 Page)
본문 바로가기

Travel to Frontend

(372)
람다 코드 샘플(Nodejs, db조회) 람다 rds연동 샘플 코드입니다. 깃허브에 올려둬서 index.js만 수정해서 압축해서 aws에 올리면됩니다. !!주의할점은 압축시 해당 폴더를 압축하는것이 아니라 폴더 내부에서 연관폴더들을 선택후 압축해야 테스트시 오류가 발생하지않습니다. https://github.com/LeeEugene1/lambda-sample/tree/master GitHub - LeeEugene1/lambda-sample: 기본 람다 세팅 cli 압축파일 업로드용 기본 람다 세팅 cli 압축파일 업로드용. Contribute to LeeEugene1/lambda-sample development by creating an account on GitHub. github.com const mysql = require('mysql2..
Node 초간단 업데이트 방법(MAC과 Window) Mac 언제나 새로시작하는 프로젝트 시작은 신난다! Nextjs최신버전으로 프로젝트를 하려고하니까 이런 메시지가 떴다. You are using Node.js 18.12.1. For Next.js, Node.js version >= v18.17.0 is required. 스택오버플로우 검색해보니 노드 다운받고안해도된다고해서 간편하게 업그레이드를했다. ## (force) clear you npm cache sudo npm cache clean -f ##install n (this might take a while) sudo npm install -g n ##upgrade to the current stable version sudo n stable https://stackoverflow.com/questi..
테이블, 프로시져 만들기(Create table, Create Procedure) 예시 -- 테이블만들기 CREATE TABLE tb_user_rank ( id INT AUTO_INCREMENT PRIMARY KEY, creator_id INT, chat_cnt INT, user_cnt INT, slug VARCHAR(255) COMMENT '유저프로필', profile_picture VARCHAR(255), execution_date DATE ); -- 샘플데이터입력 INSERT INTO tb_user_rank (creator_id, chat_cnt, user_cnt, slug, profile_picture, execution_date) VALUES (1, 1, 0, 'user', 'https://example.com', 'https://example.com', '2023-12-01');..
[패스트캠퍼스 후기] 프론트엔드 개발 올인원 패키지 with React Online. 기본기의 중요성 패스트캠퍼스는 취준생시절 나에게 큰 도움을 주었다. 프론트엔드개발자가 막 뜰무렵 리엑트 기술을 너무나도 배우고싶었는데 지방인지라 배우는데 한계가 있었다. 그당시에는 서울가야만 배울수있는 기술이었다. 이런 나에게 온라인 교육을 제공해준 패스트캠퍼스는 너무나 고마운 존재이다. 덕분에 나는 프론트엔드 개발자가 되었고 년차가 쌓이면서 기본기의 중요성이 계속 느껴져서 다시 패스트캠퍼스를 찾았다. 찾은 강의중에 하나가 Head 태그관련 강의인데 그중 meta태그를 사용하면 여러 장점이 있다. 1. 자바스크립트로 여러줄 휘갈기는것보다 메타한줄로 딱끝낼수있다. 2. SEO에 효과적이다. 즉 구글검색엔진에서 파악하기 좋아 상단에 올라갈확률이 올라간다. 3. 상단에 위치해있어 빨리찾기좋다. 강의후기 박영..
스크롤내리다 특정 dom부터 사라지게 A버튼은 붕떠있고 하단에 B버튼이있다. 스크롤시 겹치는순간이후부터 A버튼이 사라지는 코드를 구현하였다. 스크롤이벤트안에 스크롤높이를 감지할수있는 window.scrollY와 B버튼의 위치(offsetTop)을 사용하였다. A 버튼 B 버튼
람다 함수 zip 다운받기(콘솔, CLI) Lamda함수 불러오기 aws 콘솔 에서 람다함수내용을 보려고했는데 너무 길어서 안보여준다고떴다. 람다함수의 내용이 너무 길경우는 다운받아보는 방법이있는데 콘솔과 CLI에서 둘다 가능하다. The deployment package of your Lambda function "함수명" is too large to enable inline code editing. However, you can still invoke your function. 콘솔에서 다운받는 방법 콘솔에서는 다운로드 탭을 활용 CLI에서 다운받는 방법 invoke function을하라고하는데 get-funcion 기능을 찾았다. 준비 윈도우라면 관리자모드로 powershell을 연다. 콘솔이아닌 CLI에 접속하기위해 aws IAM을 준비하..
[Javascript] if문 대신 !! 또는 Boolean() 사용하기 !! 또는 Boolean을 써주면 setState할때 삼항연산자나 if문 해줄필요없어서 간편하다. let blabla = 0 !!blabla//false Boolean(blabla)//false blabla = 1 !!blabla//true Boolean(blabla)//true
[Javascript] 아이패드도 웹으로 인식할때 navigator.userAgent 가 아이패드를 인식하지못하는 현상을 발견하였다. 아이패드도 데스크톱(웹)으로 인식함 navigator.userAgent.match(/iPhone|iPad|iPod/i) //아이패드와 웹 브라우저에서 null찍힘 나의 경우는 desktop인경우와 그렇지 않은경우만 알면되서 직접 alert로 maxTouchPoints를 찍어봤다. 웹브라우저에서는 0 모바일과 아이패드에서는 5가 찍히는것을 확인하였다. navigator.maxTouchPoints const playBtns = document.querySelectorAll('.js-playGame a') playBtns.forEach(each => { each.addEventListener('click',()=>{ if(na..