전체 글89

• [코딩테스트] 도움되는 링크 모음 (모으는중...) 1. 기본 입력 https://limkydev.tistory.com/170 [Java] 자바 표준 입출력 (nextInt, nextLine 등) 주의사항 1. 입출력 함수 사용시 주의사항 1 - 타입 별로 입력을 받는 방법 1) int를 입력 받을 때는 nextInt 메서드를 이용한다. public class StandardIO { public static void main(String[] args) throws IOException { //int를 입력 받 limkydev.tistory.com java 2023. 12. 4.

• 

  [typescript] 유니언 타입 1. 유니언 타입(union type) 유니언 타입은 여러 개의 타입 중 한 개만 쓰고 싶을 때 사용하는 문법입니다. function logText(text: string){ console.log(text); } logText('hi'); //hi 아래와 같은 logText라는 함수가 있을 때, 'hi'라는 문자열을 넘겨 호출하면 문제가 없습니다. 그러나 숫자를 출력하고 싶을때는 어떻게 해야 할까요? 이 때 유니언 타입ㄷ을 사용하면 문제를 해결할 수 있습니다. function logText(text: string | number){ console.log(text); } text 파라미터는 문자열과 숫자를 모두 받을 수 있는 유니언 타입으로 선언되었습니다. 자바스크립트 OR 연산자의 |를 이용하여 여러 개.. typescript 2023. 8. 22.

• 

  [typescript] 인터페이스(interface) 타입스크립트에서 인터페이스(interface)는 객체 타입을 정의할 때 사용하는 문법입니다. 인터페이스로 타입을 정의할 수 있는 부분은 다음과 같습니다. 객체의 속성과 속성 타입 함수의 파라미터와 반환 타입 함수의 스펙(파라미터 개수와 반환값 여부 등) 배열과 객체를 접근하는 방식 클래스 1. 인터페이스를 이용한 객체 타입 정의 Member이라는 인터페이스를 선언한 코드입니다. 인터페이스의 속성으로 name과 age를 각각 문자열과 숫자 타입으로 정의했습니다. 정의한 객체에 인터페이스를 지정하면 아래와 같습니다. interface Member{ name: String, age: number } var wonwoo: Member = {name:'원우', age:28} wonwoo라는 객체에 age를 '36.. typescript 2023. 8. 14.

• 

  [typescript] 변수에 타입을 정의하는 방법 간단한 자바스크립트 코드에 타입을 선언하는 방법입니다. var name = 'say' 자바스크립트에서 name 변수에 say라는 문자열을 할당한 자바스크립트 코드입니다. name 변수에 타입을 선언할 때, 아래와 같이 변수 뒤에 ': 타입이름'을 추가하여 사용합니다. var name: string = 'say'; 변수 이름 뒤에 콜론을 붙여 해당 변수의 타입을 정의할 수 있습니다. 콜론(:)을 타입표기(type annotation) 이라고 부릅니다. 타입표기는 변수 뿐만 아니라 함수에도 사용할 수 있습니다. 변수나 함수의 타입을 정의할 때 사용할 수 있는 타입 종류들 중 주요 데이터 타입들을 알아보겠습니다. 1. string // 문자 2. number // 숫자 3. boolean // 진위 4. ob.. typescript 2023. 7. 27.

• [Redux] 리덕스 키워드, 규칙 상태관리 라이브러리 redux 리덕스를 사용하게 될 경우의 장점 : 상태 관련 로직을 다른 파일들로 분리시켜서 더욱 효율적으로 관리가 가능. 프로젝트의 규모가 크다 , 비동기 작업을 자주 하게 된다, 사용하기 편하다 >> 리덕스 사용을 권장합니다. 리덕스에서 사용되는 키워드 1. 액션(Action) 상태에 어떤 변화가 필요하게 될 때, 액션을 발생시킵니다. 액션은 객체로 표현되며, 다음과 같은 형식으로 되어 있습니다. { type: "TOGGLE_VALUE" } type의 경우는 필수적으로 가지고 있어야 하고, 그 외의 값들은 개발자의 마음대로 넣을 수 있습니다. 2. 액션 생성함수(Action Creator) 액션 생성함수는 말 그래도 액션을 생성합니다. 단순히 파라미터를 받아와서 액션 객체 형태로 만.. react 2023. 7. 24.

• [NextJS] NextJS Framework Overview next.js의 특징 react.js와의 차별점은? 파일 생성 npx create-next-app@latest --typescript framework, libraray librarary : 내가 불러와서 쓰는거야. 원하는 대로 코드를 작성가능, 라이브러리는 사용하고싶을때 사용가능. framework : 내 코드를 불러오는거야. 코드를 적절한 위치에 잘 적기만 하면 불러와서 모든걸 동작하게 됨,내가 폴더를 만들거나 뭐든 할 수 있음. 폴더구조나 소스코드를 자유로 할 수 있음.(ex next.js) pages의 파일명이 url이 될거야. 매우 편리함. 중요한 점은 파일의 이름..! 이름이 그대로 url로 들어감, component의 이름은 중요하지 않음. 중요한건 export default 로 해줘야 해... NextJS 2023. 7. 13.

• 

  [React] 불변성이 뭘까? 불변성을 지켜야 하는 이유, 배열과 객체의 불변성을 지키는 방법. 불변성(Immutability)란 객체나 데이터 구조가 생성된 이후에는 변경되지 않음을 의미합니다. 즉, 한번 생성된 객체는 그 상태를 변경할 수 없는 것을 말합니다. 불변성은 수정 불가능한(Immutable) 데이터를 사용하고 데이터의 변경이 필요한 경우에는 새로운 객체나 데이터 구조를 생성하여 기존 데이터를 복사하고 수정하는 방식으로 처리합니다. 여러 이점과 효과를 가지고 있으며, 다음과 같은 특징을 가지고 있습니다. 1. 변경 추적 : 불변성을 유지하면 데이터가 변경될 때마다 새로운 객체나 데이터 구조가 생성되기 때문에 변경을 추적하기 쉽습니다. 이전 상태와 비교하여 변경 사항을 파악할 수 있습니다. 2. 예측 가능한 동작 : 불변성은 데이터의 상태 변화를 방지하므로 코드의 동작을 예측하기 쉽고 디.. react 2023. 5. 24.

• [코딩테스트 연습]level1. 콜라 문제 https://school.programmers.co.kr/learn/courses/30/lessons/132267 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr while문으로 콜라를 더이상 바꿀 수 없을 때 까지 반복시킴. 나눗셈 사용 시 소숫점이 남아 버렸기 때문에 함수 floor를 사용. function solution(a, b, n) { var answer = 0; // 받을 수 있는 병 수? // a : 줘야 하는 병 수 // b : 돌려주는 병 수 // n : 전체 병 수 while(1){ if(Math.floor(n/a) === 0){ br.. javascript/프로그래머스 2023. 5. 19.

• [코딩테스트 연습] level1. 푸드 파이트 대회 https://school.programmers.co.kr/learn/courses/30/lessons/134240 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 function solution(food) { var answer = '0'; for(let i=food.length; i>0; i--){ let str = i-1; let foodCount = food[i-1]%2==1?(food[i-1]-1)/2:food[i-1]/2; let concatStr =''; for(let j=0; j< foodCount ; j++){ concatStr .. javascript/프로그래머스 2023. 5. 16.

• [코딩테스트 연습] level1. 햄버거 만들기 https://school.programmers.co.kr/learn/courses/30/lessons/133502 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(ingredient) { var answer = 0; for(let i=0 ; i javascript/프로그래머스 2023. 4. 12.

• [코딩테스트 연습] level 1. 카드 뭉치 https://school.programmers.co.kr/learn/courses/30/lessons/159994 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(cards1, cards2, goal) { var answer = ''; for(let goalLength = 0; goalLength < goal.length; goalLength++){ let data = goal[goalLength]; if(cards1.length !== 0 && data === cards1[0]){ cards1.shift(); }else .. javascript/프로그래머스 2023. 4. 3.

• [코딩테스트 연습] level 1. 바탕화면 정리 https://school.programmers.co.kr/learn/courses/30/lessons/161990 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 설명이 길어서 그렇지 내용은 별거 없었다. function solution(wallpaper) { var answer = []; let lux,luy,rdx,rdy = 0; for(let wallpaperLength = 0; wallpaperLength < wallpaper.length; wallpaperLength++){ for(let wallpaperInnerLength = 0; wallpa.. javascript/프로그래머스 2023. 3. 24.