전체 글 (27) 썸네일형 리스트형 [리액트] 계산기 리액트 공부하고 처음 만들어본 계산기! 자바스크립트 공부할 때도 안만들었었는데 리액트로 구현하려니 정말 어려웟다... 열심히 공부하자 문제점1. '='을 누르면 연산이 완료되고 결과값이보이는데, 이후에 연산버튼을 누른 후 재연산하면 문제없으나 숫자키를 누르게 되면 그숫자가 더해지게 된다. -> 연산 후, 숫자키를 누르면 결과값에 + 가 아닌 그숫자가 뒤에 바로 붙여 나오게 구현하기! backspace도 마찬가지다.. 문제점2. 헉! 이제보니 .소숫점을 구현안햇네 문제점3. '='기호를 개별로 크기조정을 했는데, flex를 써서 해보려고 했으나 실패... 추후에 재도전! [react] npm ERR! -4058 npm start를 하니 자꾸 npm err가 떴다 ㅜㅜ 구글링 해본결과! package.json이 있는 폴더에서 npm start를 해줘야 한다는 것! 나는 package.json이 있는 폴더의 상위폴더에서 npm start를 해주고 있었다! 폴더를 cd '폴더명' 으로 옮겨간 후, npm start 다시하니 잘된다 ^~^ [react] 리액트에서 Font Awesome 아이콘 사용하기 https://react-icons.github.io/react-icons/icons?name=fa React Icons react-icons.github.io 위 사이트에 들어가서 왼쪽에 Font Awesome 확인하고 1. 우선 리액트아이콘 라이브러리를 설치한다 npm install react-icons 넣어준다 5. 웹페이지에서 확인 [javascript] 백준4단계. 1차원 배열 백준 테스트 도전! https://www.acmicpc.net/step 단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!132if문if문을 사용해 봅시다.73for문for문을 www.acmicpc.net 위 사이트에서 4단계 1차원배열에 대해 풀어보자. 1) 최소, 최대(10818번) - 문제 : 첫째줄엔 N개의 정수, 둘째줄엔 n개의 정수를 공백으로 구분해 주어진다. 최솟값과 최댓값을 구하기 2) 최대값(2562번) - 문제 : 9개의 서로 다른 자연수가 주어질 때, 이들 중 최대값을 찾고 그 최대값이 몇번째 수인지 구하는 프로그램 ㄴ 출력 : 첫째줄에 최댓값, 둘째줄에.. [javascript] 백준3단계. for문 백준 테스트 도전! https://www.acmicpc.net/step 단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!132if문if문을 사용해 봅시다.73for문for문을 www.acmicpc.net 위 사이트에서 3단계 for문에 대해 풀어보자. 1) 구구단(2739번) - 문제 : N을 입력 받은 뒤, 구구단 N단을 출력하는 프로그램 작성 2) A+B-3(10950번) - 문제 : 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오 ㄴ 첫째줄에 테스트케이스의 개수 T가 주어짐 1. input 값을 \n을 이용해 나누어 준다. 2. input[.. Flexbox Froggy 게임을 통한 CSS학습 https://flexboxfroggy.com/#ko 위 사이트에서 게임을 할 수 있다. Flexbox Froggy는 개구리와 친구들을 돕는 CSS 코드게임이다! CSS의 각속성(justify, align 등등)들을 이용해 개구리들이 잎으로 이동할 수 있도록 도와주자!!! [1단계] : justify-content 이용 ㄴ justify-content 는 요소들을 가로선 상에 정렬하며 다음의 값들을 인자로 받음 - flex-start : 요소들을 컨테이너의 왼쪽으로 정렬 - flex-end : 요소들을 컨테이너의 오른쪽으로 정렬 - center : 요소들을 컨테이너의 가운데로 정렬 - space-between : 요소들 사이에 동일한 간격을 둠 - space-around : 요소들 주위에 동일한 간격을 .. [javascript] 백준2단계. if문 백준 테스트 도전! https://www.acmicpc.net/step 단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!132if문if문을 사용해 봅시다.73for문for문을 www.acmicpc.net 위 사이트에서 2단계 if문에 대해 풀어보자. 1) 두 수 비교하기(1330번) - 문제 : 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. -입력 : 첫째 줄에 A와 B가 주어진다. A와 B는 공백 한 칸으로 구분되어져 있다. -출력 : 첫째 줄에 다음 세 가지 중 하나를 출력한다. -A가 B보다 큰 경우에는 '>'를 출력한다. -A가 B보다.. [javascript] 백준 1단계. 입출력과 사칙연산 백준 테스트 javascript로 도전! https://www.acmicpc.net/step 단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!132if문if문을 사용해 봅시다.73for문for문을 www.acmicpc.net 위 사이트에서 1단계 입출력과 사칙연산에 대해 풀어보자. 우선 백준에선 javascript를 지원하지 않기때문에 node.js로 풀어야한다. 1) Hello World(2557번) - 문제 : Hello World!를 출력하시오 2) We love kriii(10718번) - 문제 : 두 줄에 걸쳐 "강한친구 대한육군"을 한 줄에 한 번씩 출력한다. .. 이전 1 2 3 4 다음
