public static boolean inRange(int x, int y) { return (0
시계 / 반시계 방향 회전 템플릿
·
Algorithm/자료 구조 및 개념 정리
import java.util.Scanner; public class Main { public static int[] dx = new int[]{ 1, 0, -1, 0 }; public static int[] dy = new int[]{ 0, -1, 0, 1 }; public static void main(String[] args) { Scanner sc = new Scanner(System.in); String str = sc.next(); int x = 0; int y = 0; int current = 3; for(int i = 0; i < str.length(); i++){ if(str.charAt(i) == 'L') { current = ( current - 1 + 4 ) % 4; }else if..
Redux 실습
·
Web/React & Next.js
node redux 설치 명령어 npm install redux react-redux Redux Store import { configureStore } from 'redux'; // 2. state와 action에 대한 조치를 유발하는 reducer를 만든다. const counterReudcer = (state = { counter: 0 }, action) => { if (action.type === 'increment') { return { counter: state.counter + 1 } } if (action.type === 'decrement') { return { counter: state.counter - 1 } } return state; }; //1. 전역에서 딱 하나밖에 없는 전역관..
회사별 기술스택
·
Daily Life/목표
https://www.codenary.co.kr/company/list 스타트업들의 기술 스택과 기술 블로그를 한눈에 살펴보세요 | 코드너리 네이버, 카카오, 토스, 당근마켓과 같이 요즘 핫한 스타트업은 어떤 기술 스택을 사용하고 있을까요? 코드너리에서 국내 100개가 넘는 스타트업의 기술 정보를 확인하세요. www.codenary.co.kr
Next.js - 404 page
·
Web/React & Next.js
경로에 할당되는 페이지가 없을때, 404 page를 띄우기 pages폴더에 404.js 파일 추가 function NotFoundPage() { return ( Page not found! ); } export default NotFoundPage;
Next.js - Link
·
Web/React & Next.js
React환경에서 App-wide하게끔 state값을 유지하기 위해 a태그가 아닌, 리액트에서 제공하는 Link 라이브러리를 사용한다. import Link from 'next/Link'; Portfolio Portfolio - replace프로퍼티를 설정하면 새로운 페이지 또 띄우지 않고 현재 페이지를 새 페이지로 띄울 수 있음. import Link from 'next/link'; function ClientsPage() { const clients = [ { id: 'max', name: 'Maximilian' }, { id: 'manu', name: 'Manuel' }, ]; return ( The Clients Page {clients.map((client) => ( {client.name} )..
statementType = callable
·
Web/mybatis
OKKY - myBatis에서 mapper 설정 중 statementType 질문입니다 OKKY - myBatis에서 mapper 설정 중 statementType 질문입니다 statementType="CALLABLE" 로 기입이 되어있어서 이게 뭔가 하고 검색해보니 'default값은 "PREPARED" 이고, STATEMENT,CALLABLE 로 설정가능하다.' 정도로 설명되는데 그래서 그게 무슨 역할을 한다는지 내용이 없 okky.kr 일반 쿼리는 PreparedStatement / Statement 타입 사용하고, Prodcedure나 Function 사용하는 쿼리는 statementType="CALLABLE" 사용 ex) ....
Next.js란
·
Web/React & Next.js
NextJS 프로덕션용 React framework ReactJS의 풀 스택 프레임워크 React라이브러리 위에 구축된 프레임워크로, React를 좀 더 강화시키는(?) 개념이라고 보면 된다. 대규모 용의 React구축을 쉽게 해준다. React앱에 다양한 기능 추가해줌으로써, 많은 기능들을 바로 사용할 수 있다! React의 기능 props, state, context + Framework의 기능 Routing..etc등을 결합 React React는 사용자 인터페이스 구축을 위한 라이브러리 React는 인증등을 추가하려면, 서드 파티 라이브러리들을 추가해주어야함 핵심 기능 SSR : 서버측의 페이지 상에 렌더링 되는 콘텐츠 처리 => SSR이 CSR에 비해 좋은 이유?. CSR의 경우 클라측에서 JS..
포트포워딩
·
Infra/Linux
[ Network ] 외부에서 접속이 가능하도록 포트포워딩 하는 방법. (tistory.com) [ Network ] 외부에서 접속이 가능하도록 포트포워딩 하는 방법. ...더보기 어느 날 PM 님 께서 내게 말씀하시길.. " 공용 IP 하나 남지? 그걸로 서버 3대 연결 좀 해줘 ~ " 내게 주어진 첫 서버 구축(?)이라는 점에서 참으로 감격스러운 일이 아닐 수 없었다. 때문에 kithub.tistory.com - 아는게 부족하면 삽질을 하게 된다.. - 외부망 포트 허용 잊지 말기