IT 개발 블로그

■ 피자 나눠 먹기(1) 이 문제를 처음 봤을때, 과거 수학 익힘책에서 본 듯한 느낌을 받았다. 조건은 모든 사람이 한조각씩 먹어야하고, 한판을 7등분을 한다. => 인원(n) /7을 하면 한사람당 최소 한조각을 먹는다. 나눴을때 정수로 떨어져야하고 그래서 Math함수를 써야하는데,floor를 쓸지 ceil를 쓸지 고민하게 된다. 하나의 입출력 예를 들어보면, ceil을 사용해야 1.xx일때, 1이 될 수 있다. ■ 피자 나눠 먹기(2) 먼저 매개변수로 주어진 사람수 n에대해 두가지 경우로 나눌 수 있다. 사람이 한명일때와 n명일때, 한명일때는 무조건 1을 return하고, n명일 경우에 대해 또다시 경우의 수를 나눌 수 있다. 우선 피자 한판을 정의하기 위해, 피자 한 조각을 1로 초기화해준다. 그렇게..

깃허브 리드미를 작성하는 도중 이미지도 삽입하면 한눈에 보기 좋을 것 같아 구글링해보게 되었다..! 오늘도 까먹지 않기 위해 기록한다..!! 1. Github 프로젝트의 issue 탭으로 들어간다. 2. New Issue 버튼을 누른다. 3. 업로드하고자 하는 이미지를 내용칸으로 드래그해준다. 컴퓨터 로딩상태에 따라 다르겠지만 처음 10초정도는 아래 사진처럼 뜬다. 이후에 아래처럼 뜬다. 4. 이를 그대로 복사해서 Readme 파일에 붙여넣는다.

Gist 란? GitHub Gist는 GitHub과는 달리, private도 무료다. 주로 코드조각(Code Snippet), 로그, 메모 등을 남기는데 사용한다. 1. Gist 만들기 https://gist.github.com/ Discover gists GitHub Gist: instantly share code, notes, and snippets. gist.github.com 로그인 후 사용가능하다. 사용법은 꽤 간단하다. 파일 이름에 확장자를 넣어야 한다. (swift, m, cpp, js...) 기호에 맞게 secret, public으로 설정가능하다. 아래 그림처럼 생성되면 성공~ 2. 포스트에 링크 첨부하기 상단에 있는 url 주소를 복사한다. 블로그로 돌아와서... 포스트 작성모드를 HTM..

1. fork하기 https://github.com/peppersora/activity-box GitHub - peppersora/activity-box: ⚡️📌 Update a pinned gist to contain the latest activity of a user ⚡️📌 Update a pinned gist to contain the latest activity of a user - GitHub - peppersora/activity-box: ⚡️📌 Update a pinned gist to contain the latest activity of a user github.com 포크를 한 후 repository를 생성한다. 2. gist 만들기 깃 허브 헤더 상단의 New gist 클릭 후 gi..

프로그래머스 코딩테스트 광탈 방지 강의 내용을 스크랩 해 온것이다. https://programmers.co.kr/ 1. 구조 분해 할당을 이용한 변수 swap ES6의 구조 분해 할당 문법을 사용하여 두 변수를 swap 할 수 있다. let a = 5, b = 10; [a, b] = [b, a]; console.log(a, b); // 10 5 2. 배열 생성으로 루프 제거하기 단순히 범위 루프를 돌고 싶다면 다음과 같은 코드를 작성한다. let sum =0; for(let i=5; i k + 5) .reduce((acc, cur) => acc + cur, 0); 3. 배열 내 같은 요소 제거하기 set을 이용할 수 있다. const names = ['Lee', 'Kim', 'Park', 'Lee', ..

■ 두 수의 나눗셈 Math.floor() 함수는 주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환한다. ■ 분수의 덧셈 ■ 배열 두배 만들기 answer를 빈배열로 초기화한다. for문을 사용해서 매개변수 numbers의 길이만큼 변수 i를 반복한다 numbers배열은 numbers[0], numbers[1], numbers[2]... 인덱스로 되어있고 numbers[i]의 value를 두배한뒤 그 값을 answer 배열에 넣어준다. ■ 중앙값 구하기 정렬함수인 sort()를 사용해서 array배열을 정렬해준다. 중앙값 center는 위 사진의 식으로 나타낼 수 있고 그 값을 리턴해준다. ■ 각도기 angle 90을 중심으로 경우의 수를 나눠야한다. => if, else if 사용 "and"를..

한번은 규칙을 기록해보면 좋을것 같아서 정리해봤다..! ■ 대괄호 [ ] list를 나열할때 list의 인덱스를 지정해줄때 ex) array[0], array[1] ■ 중괄호 { } dictionary를 만들때 ex) { "key" : "value" } style tag를 적용할때 ex) .style { color: "red" } 특정 function에 대해 정의해줄 때 ex) function () { 실행 할 내용 } 반복문(for, while), 조건문(if) 뒤에 실행할 내용을 적어 줄 때 ex) for (i=0; i

■ 숫자 비교하기 ● 삼항연산자를 이용해 num1 과 num2가 같다면 1 아니면 -1 을 변수 answer에 넣어준다. 그리고 그 값을 return해 주었다. ■ 몫 구하기 ● 나눗셈 이용 ■ 두 수의 차 ■ 두 수의 곱 ■ 나머지 구하기 ● 몫이 아닌 나머지를 구할때는 '%' 연산자를 이용한다. ■ 나이 출력 ● 기준년도 2022년에서 현재나이 40살을 빼주고 우리나라는 태어나자마자 1살이기때문에 +1을 해준다.

# state - 컴포넌트 내부에서 바뀔 수 있는값 - 두가지의 state가 있다. 클래스형 component가 가지고 있는 state 함수형 component가 가지고 있는 useState라는 함수를 통해 사용하는 state # 클래스형 component component에 state를 설정할 때는 constructor 메서드를 사용한다. 클래스형 컴포넌트에서 constructor를 작성할때는 반드시 super(props)를 호출해줘야 한다. 이 함수가 호출되면 현재 클래스형 컴포넌트가 상속받고 있는 리액트의 component 클래스가 지닌 생성자 함수를 호출해준다. 그 다음에 this.state값에 초깃값을 설정했다. component의 state는 객체 형식이여야한다. render 함수에서는 현재 ..

예전에 js로 만든 코드를 살짝 바꿔서 리액트로 만들어보고자 한다. 살짝만 바꾸는건데도 에러가 많이 떠서 아..아직 리액트가 익숙하지가 않구나 했다... 처음에 복붙했는데 이러면 리액트를 사용하는 의미가 있나 싶어 state를 사용하기로! # 순서 우선은 components 폴더에 clock파일을 하나 만들어준다. state에 timer와 setTimer를 넣어주고, 초기값은 "00:00:00" 상태로 만들어줄것이다. 현재시간을 의미하는 currentTime 함수를 만들고, 이 함수에 Date 내장객체를 이용해서 시,분,초를 불러온다. 그리고 setTimer 값에 변화된 hours, minutes, seconds를 넣어준다. startTimer라는 함수를 통해서 1초마다 시간 데이터를 불러오는 setIn..