본문 바로가기

분류 전체보기

[2023.06.28] 개발일지
[2023.06.28] 개발일지 2023. 6. 29. My Todolist 과제 마지막 날 코드를 github에 업로드하는 과정에서 어려움을 겪었다. github은 몇 번을 사용해도 적응하기가 어려운 것 같다. 변경된 소스를 스테이징 후 커밋을 누른다. 하지만 커밋을 누르고 1시간이 넘어가도 커밋이 완료되지 않았다. 도대체 이유가 무엇일까 고민해보니 메시지를 입력하지 않아 커밋이 되지 않았던 것이었다. 커밋 과정에서 메시지를 입력하자!!
[2023.06.27] 개발일지
[2023.06.27] 개발일지 2023. 6. 28. My Todolist 작업 중 컴포넌트들을 props하다보니 여러 오류가 발생했다. 부모 컴포넌트를 App.js파일에 넣고 자식 컴포넌트들을 각각 Working.jsx와 Done.jsx 파일에 집어 넣은 후 css파일 내용들이 자식 컴포넌트에도 가져오게끔 하려면 당연히 자식 컴포넌트 파일에 경로에 있는 파일을 import 해야한다고 생각했다. 하지만 이 한줄로 인해 오류가 난 것이다. 처음 에러를 마주했을 때는 부모 컴포넌트와 자식 컴포넌트가 서로 다른 폴더에 저장되있기 때문인 줄 알고 이렇게 대처했다. 그러나 또 똑같은 에러 메세지... 여기서 나는 저 한 줄을 과감하게 지워보았다. 그랬더니 갑자기 정상적으로 실행되기 시작했다! 알아보니 이미 부모 컴포넌트 App.js에서 자식 컴포넌트에게 내려준 것이..
[2023.06.26] 개발일지
[2023.06.26] 개발일지 2023. 6. 28. My Todolist 만들기 과제를 시작! 그리고 얼마 지나지 않아 바로 난관에 봉착했다. 삭제하기 버튼을 누르면 clickRemoveButtonHandler 함수를 작동시켜 workingObj 변수를 filter 처리한 값으로 set처리하려고 하는데 작동이 되지 않는다. 문제를 확인해보니... clickRemoveButtonHandler 함수를 작동 시킬 시 버튼을 클릭한 todo의 고유한 id값을 제외한 다른 todo들을 렌더링하게끔 함수를 설정했는데 정작 버튼에서 고유한 id값이 무엇인지를 함수에 넘겨주지 않은 것이다. 그렇게 id값을 넘겨주게끔 설정을 하니 원활하게 삭제버튼이 동작하게 되었다. 렌더링하기 위해 함수에서 요구하는 값을 넘겨주는 것을 잊지 말기!!!
[2023.06.23] 개발일지
[2023.06.23] 개발일지 2023. 6. 28. 대망의 React 입문 과정을 시작하는 날 강의를 보고 강의 내의 과정을 같이 따라가보면서 React 기술을 익혀나가려고 하던 중 난관에 부딪혔다. VS Code Studio에 yarn 프로그램을 설치하고 Git Bash를 이용해 브라우저를 시작하려는데 이런 오류 메세지가 뜨며 브라우저가 열리지 않는다. 에러 문구를 찬찬히 읽어보니... 1 [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\seungjae\desktop\sparta\react1\week-1\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Use..
[2023.06.22] 개발일지
[2023.06.22] 개발일지 2023. 6. 28. 오늘은 대망의 알고리즘 시험을 보는 날! 첫번째 문제는 매개변수 n으로 하는 함수로 숫자인 외부인자 값의 모든 자릿수를 더하는 수식을 만드는 문제. 처음에는 내가 자주 사용해 온 for문과 if문을 통해 코드를 어렵지 않게 완성해나갔다. 그러나 완성된 코드를 지켜보니 너무 난잡하고 길어져 하드 코딩이 되어버렸다. 그런 의미에서 처음 완성한 코딩을 바탕으로 for문, if문이 아닌 map() 메서드와 reduce() 메서드를 이용해서 코드를 처음부터 다시 짜보았다. 그랬더니... 결과 값이 이렇게 나왔다. 자기 자리의 값에다가 자기 자리값을 붙인 결과가 나왔는데 이는 각 배열의 요소들이 문자열 형태였고 map()메서드 만으로는 추가해서 더하는 것이 불가능하기 때문이다. 그렇게 오랜 고심 끝에 parseIn..
[2023.06.21] 개발일지 2023. 6. 28. 알고리즘 문제의 풀이 과정 중 너무 난잡한 풀이방법을 이용해서 풀었던 4번 문제... 두 정수 사이의 합을 구하는 알고리즘을 완성하는 문제다. function solution(a, b) { var answer = 0; for (let i = a; i
알고리즘 문제 (Marathon) 6~8 2023. 6. 28. 6. 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. # 1 ≤ numbers 의 길이 ≤ 9 # 0 ≤ numbers 의 모든 원소 ≤ 9 # numbers 의 모든 원소는 서로 다릅니다. 1 2 3 4 5 6 7 function solution(numbers) { var answer = 0; for (let i = 0; i
알고리즘 문제 Marathon 1~5 2023. 6. 21. 1. 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. # n과 m은 각각 1000이하인 자연수입니다. 1 2 3 4 5 6 7 8 9 process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); // 입력받은 n의 첫번째 값이 가로의 길이, 두번째 값이 세로의 길이라고 정의 let row = '*'.repeat(a); // repeat() 메서드를 이용해 a(가로의 길이)만큼 '*'를 반복한 값을 변수 row에 ..

티스토리툴바