=> 안녕하세요. 이번 아트만파트너스의 프론트엔드 개발 직무에 지원한 노호준 입니다. 저는 대학교 3학년때 참여한 해커톤에서 프론트엔드를 담당하고 특별상을 수상하게 되어 개발자의 매력에 빠지게 되었습니다.이후 4학년 1학기에 학부연구생으로 김영철교수님 연구실로 들어가서

Https to Https server: http://어쩌구client: https://www.petching.nethttp -> https => mixed contents errorserver: https://server.petching.n

html을 작성할때 필수로 들어가는 세팅을 빠르게 입력vscode에서 html치고 두번째 항목으로 이동후 엔터vscode에서 ! 누른 후 탭 누르기성공적으로 기본태그가 입력되었다.

담당 aws계정 : naver이메일 계정app/page.tsx : 매칭페이지 클라이언트 코드app/game/page.tsx : 게임페이지 클라이언트 코드pages/api/socket/game.ts : 게임 룰 관리하는 백앤드 코드pages/api/socket/io.ts

웹 브라우저 크기 줄이거나 모바일에서 봤을때 화면비율을 맞추기 위해, 보통 Media Query를 쓰지만 화면 비율별로 기능을 다르게 하고싶다면 react-responsive를 주로 사용함1\. npm install react-responsive2\. 파일에서 impo

왜 썼는가? : 코드길이 단축, 다른파일에서 같은기능 재사용하기 위해Hook 폴더에 use어쩌고.ts 파일을 생성해당기능 그대로 넣고 return과 export만 주의해서 작성return한 변수들 빼서 쓰면 됨. hook으로 뺐던부분 작성할필요 없음

배열 중복제거용오름차순내림차순조건문에 맞는요소만 있는 배열을 리턴arr1 = \[1,2,3,4,5]가정value : 배열요소index : value의 인덱스모든 요소에 동일하게 적용한 배열을 리턴초기값부터 하나씩 더해서 누적값 리턴 ( 초기값 없으면 0번째값이 초기값)

싱글 페이지 어플리케이션, 최초 페이지를 로딩한후 동적으로 데이터만 변경하여 컴포넌트를 바꿈클라이언트 사이드 렌더링, 최초에 한번 서버에서 전체 페이지를 로딩하여 보여주고 JS를 이용하여 리소스를 서버로부터 제공받고 클라이언트가 데이터를 렌더링하는 방식 => HTML을

왜 쓰는가? : 프로젝트가 커지면 state와 props만으로 관리가 안됨, 그래서 Context, Redux, React Query, Zustand등 상태관리 툴을 사용함react 파일 생성메모 하나의 상태를 나타내는 memo, 모든 메모 상태를 나타내는 memos,

사용하는 이유 : 화면 크기에따른 컴포넌트 크기적용을 쉽게할 수 있음사용법팁 : w,h,m등 1~10까진 1씩 증가 10 이후로는 4의배수만큼 증가(12, 16... 96까지)

왜 쓰는가? : 여러 파일에서 재사용, 한 파일이 너무 길어지지 않게 줄여 가독성 상승어떻게 쓰는가? : 앞에 use를 붙이고 function, return 사이에 원하는 코드작성

쓰는이유 : ~할때마다 특정작업 실행처음 나타났을때만 실행리랜더링(state,props 바뀔때마다) 마다 실행특정 state, props 바뀔때

기본사용법const로 변수선언, async() => 작성try{}안에 const response 선언await axios.get(post,delete) 작성catch(error){} 작성헤더에 내용담아보내기

기본사용법// {\`\`}사이에 기존약속값과 변수를 ${} 사이에 넣어서 사용한다.

props에서 타입선언대표적 기능 : Interface, Generic, Decorators타입 종류

인터페이스 : 미리 변수,함수 등에 타입을 지정하는것, 지정하지 않으면 경고가 뜸인터페이스 선언

코드를 간결하게 쓰고싶다면 화살표함수를 써보는것도 좋다.업로드중..코드를 export하는 방법도 취향에 따라 갈린다.

nohub 백그라운드 실행cd Projectssh -i "miniGoKey.pem" ubuntu@????.compute.amazonaws.comcd miniGo/minigogit pull origin mainnpm inpm run buildnohup npm run st

https://velog.io/@pikadev1771/EC2-%EB%B0%B0%ED%8F%AC-PM2-%ED%99%9C%EC%9A%A9%ED%95%9C-%EB%AC%B4%EC%A4%91%EB%8B%A8-%EB%B0%B0%ED%8F%AC여기서 2. 원격 접속을

url과 페이지 만들고싶으면 app폴더안에 폴더만들고 폴더명이 /url 여기 이름그 안에 page.js 넣기Link 치면 알아서 next/Link 임포트됨라우팅 : 모든 페이지에 적용되는거면 Layout.js에 적어page.js 상위페이지에 있는 모든 layout.js