목록전체 글 (108)
책 읽다가 코딩하다 죽을래
react의 props는 부모가 자식에게 유전자를 물려주는 기능이라고 보면 된다. 여기서 부모와 자식관계는 어떤 하나의 컴포넌트가 다른 컴포넌트를 호출했다면 호출한 컴포넌트는 부모 호출받은 컴포넌트는 자식 으로 비유되며, 이 때 props는 호출한 컴포넌트와 호출받은 컴포넌트의 데이터 송수신을 하는 수단이라고 생각하면 된다. 간단한 실습으로 props을 알아보자 import React, { useState } from 'react' function Father() { const [DNA, setDNA] = useState(""); const onChangeInput = (e) => { setDNA(e.target.value); } return ( 나는 무슨 아빠인가요 : 안녕 나는 {DNA} 아빠 ) }..
과거에 들어갔던 페이지로 다시 돌아갈려면 뒤로가기 버튼을 누르면 되듯이 git에도 과거에 커밋(commit)했던 이력(history)으로 다시 돌아갈려면 git의 reset 기능을 이용하면 된다. 이 글은 복권에 당첨되고 싶은 ablue의 이야기를 통해 reset을 자세하게 알려줄 예정이다. reset은 git을 다룰 때 꼭 알아야 하는 기능이지만 조심히 다루지 않으면 원치 않게 이력들을 잃어버릴 수 있으니 시간을 들여 공부할 필요가 있다. 사용 git GUI : SourceTree IDE : 메모장 (VSCode나 인텔리제이를 써도 무관한다). 먼저 로컬저장소에 git을 하나 만든다. 그리고 이 폴더 안에 메모장 파일을 하나 만들어 다음과 같이 저장한다. 그 다음 SourceTree 를 실행해 git ..
오늘은 React로 instagram의 좋아요 버튼을 만들어 볼 생각이다. React의 기초내용과 setState의 개념을 다루니 무지 쉬울 것이다. 이 글에선 웹팩을 다루지 않으니 리액트의 기본셋팅은 미리 한 후에 보기를 권장한다. create-react-app을 사용해도 괜찮다. 하트의 디자인은 Ant-Design의 icon을 빌려올 것이다. 이 두가지를 사용할 것이며 사용법을 몰라도 괜찮다. 다 설명해줄 것이다. 사용법을 알거나 문서를 읽을줄 알면 아래의 사이트에 직접 들어가서 알아보는 것도 좋다. Ant-Design-icon Document바로가기[클릭] 일단 폴더구조는 다음과 같다. 다시 한 번 말하지만 이 강의에선 웹팩이나 초기 리액트셋팅을 다루지 않는다. 즉 client.jsx(또는 clie..
www.acmicpc.net/problem/2292 2292번: 벌집 위의 그림과 같이 육각형으로 이루어진 벌집이 있다. 그림에서 보는 바와 같이 중앙의 방 1부터 시작해서 이웃하는 방에 돌아가면서 1씩 증가하는 번호를 주소로 매길 수 있다. 숫자 N이 주어졌 www.acmicpc.net 위 문제의 정답이다. 코드에 대해 설명하기 전에 일단 이 문제에 규칙부터 알아가야한다. 빨간 선은 1을 중심으로 해서 각각의 두께를 나타낸 것이며, 파란색 원은 그 두께에서 가장 큰 수를 나타낸 것이다. 1번부터 N번 방까지 최소 몇개의 방을 지나는 것을 알기 위해서는 일단 각각의 두께마다 가장 큰 수가 몇인지를 알아야한다. 첫번째 두께는 1이 가장 큰 수이다. 두번째 두께는 7이 가장 큰 수이다. 세번째 두께는 19가..
www.acmicpc.net/problem/10250 10250번: ACM 호텔 프로그램은 표준 입력에서 입력 데이터를 받는다. 프로그램의 입력은 T 개의 테스트 데이터로 이루어져 있는데 T 는 입력의 맨 첫 줄에 주어진다. 각 테스트 데이터는 한 행으로서 H, W, N, 세 정수 www.acmicpc.net 코드는 다음과 같다. import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.StringTokenizer; public class Main { public static void main(String[] args..
www.acmicpc.net/problem/1110 1110번: 더하기 사이클 0보다 크거나 같고, 99보다 작거나 같은 정수가 주어질 때 다음과 같은 연산을 할 수 있다. 먼저 주어진 수가 10보다 작다면 앞에 0을 붙여 두 자리 수로 만들고, 각 자리의 숫자를 더한다. 그 다음, www.acmicpc.net while문을 적절히 사용하여 푸는 문제다. 이 글을 포스팅 한 이유는 나는 이 문제를 가뿐히 성공했는데 남이 쓴 코드와 한번 비교해보니 배울 점이 있어서 포스팅한다. import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scan = new Scanner(System.in); int..
본 글은 컴공생 시점으로 쓰여있는 글이니 보기가 불편하신 분들은 바로 뒤로가기를 눌러주시기 바랍니다. 술집 안주 횟집 반찬으로 나오는 인기메뉴 콘치즈를 만들어 볼 것이다. 술안주로 좋고 아이들 간식대용으로 쓰기 적절할 것이다. 일단 재료 클래스를 확인해보자 IDE(개발환경)는 우리집 식탁과 개수대로 하였습니다 import 우리집.냉장고.*; import 우리집.부엌.*; class Ingredient{ prevate : int mozzarellaCheese : 110byte; int sweetCorn : 340byte; } public static void main(String[] args){ Ingredient ingredient= new Ingredient(); } 마요네즈, 파슬리가루, 순후추, 설..