본문 바로가기

반응형

CODING

(42)
[REACT] React + TypeScript 사용해서 Todo 만들기 싸피에서 공통 프로젝트를 들어가게 되었다. 이번에는 욕심부리지 않고, 프론트로 최대한 노력해보려 한다. 12월에 React를 보긴 했는데, 거의 놀았다 ㅠㅠ 그래서 강의를 보고도 진행 과정만 알 뿐, 혼자 무엇인가 만들 능력이 되지 않았다. 부끄럽다. 이번주에는 9~6시에 간단한 과제를 진행했는데, 리액트도 익숙치 않은데 타입스크립트, Jotai까지 한번에 쓰려고 하니까 머리가 터져버릴 것만 같았다. ㅠㅠ 하나로 만들어서 세분화해서 나눠야 한다는 것을 다다음날에야 알았다. 한번에 모든 타입과 구조를 컴포넌트화 하려고 하니, 내가 뭘 하는지도 잘 모르겠었다. 아무튼, 이제 다시 하나를 만들고 자주 사용하는 부분을 컴포넌트화 하고, 조타이를 씌워보자. $ npx create-react-app 프로젝트명 --..
[REACT] map 함수 사용하는데 마주친 에러 부모 컴포넌트에서 props를 사용해 값을 자식 컴포넌트에 전달하는 내용이었다. 단순한 과정인데 자꾸 자식 컴포넌트에서 값을 출력하지 않고 에러가 났다. ㅠㅠ const UserList = ({ users }) => { return ( {users.map((user) => { ; })} ); }; export default UserList; 위 코드를 작성했을 때 에러를 마주했다. WARNING in [eslint] src\component\UserList.js Line 14:25: Array.prototype.map() expects a return value from arrow function array-callback-return webpack compiled with 1 warning 이런 에러가..
JIRA 협업 툴 기본 사용법 팀 관리에서의 이슈트랙킹할 때 사용한다. 프로젝트 매니지먼트이다. 다양한 역할을 해야한다. 계획, 리스크 관리 등 표, 차트로 한 눈에 보고싶다, 원하는 키워드를 꼽아 볼 수 있다. 애자일 방법론 스크럼 vs 칸반 방법론 우리는 스크럼을 채택한다. 스크럼에서는 프로젝트에서 발생하는 모든 이슈를 백로그에 담는다. 2~4주 단위의 sprint, 개발 주기를 만들어 sprint를 해결하는데 집중하고 이슈를 담는 것을 계속적으로 반복한다. 업무가 몰릴 가능성을 줄일 수 있다. 스크럼 회의 - 10분 이내 기분이 어떤지, 어떤 일을 할 지, 어떤 이슈가 있는지 공유한다. 칸반은 한 사람이 일하는 양을 박스로 표현해 많은 일이 몰리지 않도록 조정한다. 일어나서 한다. 지라에서는 스크럼, 칸반 회의를 손쉽게 할 수 ..
[REACT] 새 프로젝트 생성하기 REACT에서는 새로운 프로젝트를 생성하는 순서이다. 터미널에 다음 명령어를 적는다. $ npx create-react-app project-name ... 위의 명령어가 나오면 모두 생성된 것이다. project-name 이라는 디렉토리가 생성되고, 그 안에 리액트 프로젝트가 생성된다. 다음 명령어를 순차적으로 작성한다. $ cd project-name $ npm start 프로젝트 실행 완료되었다. 자동으로 화면이 실행된다. 앞으로 꿈을 펼쳐보자! 파이팅~~~
백준 2869번 파이썬 https://www.acmicpc.net/problem/2869 2869번: 달팽이는 올라가고 싶다 첫째 줄에 세 정수 A, B, V가 공백으로 구분되어서 주어진다. (1 ≤ B < A ≤ V ≤ 1,000,000,000) www.acmicpc.net 나름 깔끔하게 변수명 지어서 만들어봤지만,, 시간초과로 인해 while문을 사용하면 안되는 문제인 듯하다. A, B, V = map(int, input().split()) snail_now = 0 day = 0 while snail_now = V: break snail_now -= B print(day) 반복문 사용하지 말고 해결하는 법을 찾고있다. 가장 문제가 되는 것은 V에 도달하는데 턱걸이로 도달하는게 아니라 V-A 이상을 올라가는 수를 찾아야 하는..
SSAFY 10기 노베이스 비전공자 합격 후기 나는 2월에 졸업하고, 3월에 개발자가 되어야겠다고 결심했다. 비전공자가 개발자로 살아남기 위해 어떻게 해야 할지, 주변 지인에게 조언도 구하고 찾아봤다. 성장의 기회가 많고, 강의와 커리큘럼의 퀄리티가 보장된 곳은 싸피가 유일했다. 싸피를 1순위로 생각하고 준비했다. 차선책은 강남에 있는 국비학원이나, 자습을 생각했다. 개발자 지인도 거의 없고, 나아갈 방향에 대해 확신을 가지지 못해서 싸피가 간절했다. 준비 일정 2023.04.24(월) ~ 05.28(월) 지원서 접수 시작 2023.05.09(화) ~ 05.20(토) 에세이 제출 기한 2023.05.13(토) 비전공자 SW적성진단 2023.05.21(일) 전공자 SW적성진단 2023.05.30(화) 에세이 및 SW적성진단 결과 발표 2023.06.0..
백준 5622 다이얼 - 자바 풀이 https://www.acmicpc.net/submit/5622/61385950 로그인 www.acmicpc.net import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String s = sc.nextLine(); int count = 0; int k = s.length(); for(int i = 0; i < k; i++) { switch(s.charAt(i)) { case 'A' : case 'B': case 'C' : count += 3; break; case 'D' : case 'E': case 'F' : count += 4; br..
백준 2738 행렬 덧셈 - 자바 풀이 https://www.acmicpc.net/problem/2738 2738번: 행렬 덧셈 첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원소 M개가 차례대로 주어진다. N과 M은 100보다 작거나 같 www.acmicpc.net import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); //N은 세로 M은 가로 int N = sc.nextInt(); int M = sc.nextInt(); int[][] A = new int[N][M]; int[][..
JAVA - hasNextLine() 읽을 값이 있으면 true, 없으면 false 몇 번 입력하는지 정해져 있지 않고, 입력이 없을 때까지 반복해야할 때 사용하는 메서드 이다. hasNextLine()을 사용하면 읽을 값이 있으면 true, 없으면 false를 출력한다. import java.util.Scanner; public class a11718 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); while(sc.hasNextLine()) { String s = sc.nextLine(); System.out.println(s); } } } 예시로, while문과 함께 사용할 수 있는데, 입력이 있으면 입력값을 s에 넣어 출력하고, 입력값이 있는지 봐서 있으면 반복한다. 입력값이 없을 때까지..
백준 [27866] 문자와 문자열 - 자바 풀이 https://www.acmicpc.net/problem/27866 27866번: 문자와 문자열 첫째 줄에 영어 소문자와 대문자로만 이루어진 단어 $S$가 주어진다. 단어의 길이는 최대 $1\,000$이다. 둘째 줄에 정수 $i$가 주어진다. ($1 \le i \le \left|S\right|$) www.acmicpc.net 문자열을 입력받아 N번째 숫자를 출력하는 문제이다. import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String str = sc.nextLine(); int N = sc.nextInt(); System.out.p..

반응형