배열 자르기 https://school.programmers.co.kr/learn/courses/30/lessons/120833 function solution(numbers, num1, num2) { let answer = []; let cnt = 0; // num1부터 num2까지 numbers 배열의 값을 answer 배열에 넣어준다. for(let i = num1; i b가 된다! for(let i = 0; i < age_string.length; i++) { answer += String.fromCharCode(Number(age_string[i]) + 97); } return answer; } 진료순서 정하기 https://school.programmers.co.kr/learn/courses/..

Day 6 문자열 뒤집기 https://school.programmers.co.kr/learn/courses/30/lessons/120822 function solution(my_string) { let answer_string = ''; // my_string의 끝에 있는 문자부터 answer_string에 넣어주기 for(var i = my_string.length - 1; i >= 0; i--) { answer_string += my_string[i]; } return answer_string; } 직각삼각형 출력하기 https://school.programmers.co.kr/learn/courses/30/lessons/120823 const readline = require('readline');..

Day 4 피자 나눠먹기(1) https://school.programmers.co.kr/learn/courses/30/lessons/120814 function solution(n) { // n을 7로 나눈 나머지를 integerCheck 변수에 저장 let integerCheck = n % 7; let answer = 0; // integerCheck가 0이라면 피자는 n / 7개가 필요하다. // 예시: 피자를 나눠먹을 사람이 21명이면 피자는 3판이 필요하다. if (integerCheck === 0) { answer = n / 7; } // integerCheck가 0이 아니라면 피자는 n / 7의 몫 + 1개가 필요하다. // 예시: 피자를 나눠먹을 사람이 22명이면 피자는 3판 + 1판이 필..

웹 프론트엔드 공부를 계속하면서 다양한 라이브러리를 써보며 익숙해지는 연습을 계속하고 있다. 그런 와중에 정작 웹 개발의 기초가 되는 자바스크립트에 대한 공부를 소홀히 한 것 같아서 아쉬움을 계속 느끼고 있었다. 문법을 익히기에는 알고리즘 문제를 푸는 것이 가장 좋은 방법인 것 같아서 자바스크립트로 알고리즘 문제들을 풀기로 했다. 지금까지는 알고리즘 문제를 백준에서 풀었지만 백준에서 자바스크립트를 쓸려면 조금 복잡해서 이번엔 자바스크립트를 잘 지원해주는 프로그래머스에서 문제를 풀기로 했다. 프로그래머스는 코딩 테스트 문제를 입문 문제, 기초 문제, 모든 문제로 카테고리화 했는데, 일단은 입문 문제를 풀다가 넘어가도 되겠다싶으면 기초 문제로 넘어갈 것이다. 그리고 하루에 4문제씩 일일 도전 과제 문제들을 ..

https://nomadcoders.co/nwitter 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co 파이어베이스의 사용법을 익히고자 노마드코더의 ‘트위터 클론코딩’ 강의를 수강했다.(위 링크로 접속할 수 있다.) Firebase란 Firebase는 구글이 소유하고 있는 모바일 애플리케이션 개발 플랫폼으로, 직접 구현하기에는 복잡하고 어려운 기능들을 사용하기 쉽게 제공해준다. Authentication API를 통하여 계정 기능을 쉽게 만들 수 있다.(구글, 깃허브 로그인) Cloud FireStore로 데이터베이스를 사용할 수 있다. Hosting으로 웹 사이트를 배포할 수 있다. Cloud Storage로 사용자가..

이번에 프로젝트를 진행하면서 useState()를 활용한 상태관리를 하고 있는데, 상태관리에 대한 확실한 이해 없이 무작정 작업을 하다보니 코드가 내가 이해하기도 어려울 정도로 복잡해져 있었다. 그래서 상태관리에 대한 공부를 하고 다시 코드를 수정했다. 이번에 알게 된 내용을 한 번 정리해 보려 한다. 1. 상태 관리는 부모에서 이루어지고, 자식에게 props로 전달한다. 부모 컴포넌트 A와 자식 컴포넌트 B,C가 있다고 가정하자. 그렇다면 상태를 관리하는 로직은 부모 컴포넌트 A에 작성하고 이를 자식한테 props로 전달하면 된다. 만약 자식 컴포넌트에서 버튼을 클릭하면 상태가 업데이트되는 것을 부모한테 전달하고 싶다고 가정하자. (여기서 부모는 SearchResult.tsx이고, 자식은 BtmShee..

겨울, 본가 2023년 1월 1일에 나는 아마 본가에 있었을 것이다. 막 전역하고 친구들을 만나고 다니던 때였다. 코로나로 가지 못했던 대학을 다시 갈 수 있을 거라는 희망에 가득 차 있었다. 신나기만 한 것은 아니었고, 전공에 대해 아는 바가 거의 없었기에 유튜브로 알고리즘 강의를 들으며 백준 문제를 풀었다. 나름 도움이 되었던 것 같다. 그렇게 시간을 보내다 서울로 올라가서 집을 구했다. 집을 꾸미고 적응하는 과정은 나름 재밌었다. 웃기도 하고 당황하기도 하며 적응하다보니 학교에 가게 되었다. 2학년 2학기가 되어서야 도착할 수 있었던 캠퍼스는 바쁘고 활기찼다. 그 분위기가 처음에는 참 어색했다. 봄, 1학기 처음 듣는 대면 수업은 큰 강의실에서 진행되었다. 아는 사람 한 명 없이 편안하게 OT만 듣..

이제 곧 프로젝트를 시작하는데 Typescript를 활용한다고 한다. 그래서 노마드코더님의 타입스크립트 무료 강의를 듣고 개념을 정리해보았다. 강의 링크 https://nomadcoders.co/typescript-for-beginners 타입스크립트로 블록체인 만들기 – 노마드 코더 Nomad Coders Typescript for Beginners nomadcoders.co (타입스크립트를 입문하는 분들에게 추천한다!) Typescript 특징 TypeScript는 JavaScript에 추가적인 구문을 통해 단단한 통합을 제공하며 초기 오류를 감지할 수 있다. TypeScript 코드는 JavaScript로 변환되어 브라우저, Node.js, 앱 등에서 실행될 수 있다. JavaScript를 이해하며..

12월 19일 오전 10시부터 다음날 오전 10시까지 동아리에서 주최한 해커톤에 참여했다. 1. 해커톤이 뭐야? 사실 해커톤에 참여하기 전까지 ‘해커톤’이 무슨 뜻인지 잘 몰랐다. 친한 친구가 해커톤을 하고 와서 피곤하다는 말을 들었을 때도 ‘엥 그게 뭐지’하고 넘겼었던 기억이 있다. 해커톤(hackathon)이란 해킹(hacking)과 마라톤(marathon)의 합성어로 기획자, 개발자, 디자이너 등의 직군이 팀을 이루어 제한 시간 내 주제에 맞는 서비스를 개발하는 공모전이다.(출처: 나무위키) 이번에 열린 해커톤은 24시간 동안 웹, 안드로이드, 서버 부원들이 한 팀이 되어 앱을 구현하는 방식이었다. 24시간 동안 진행된다는 사실은 알고 있었지만, '진짜 24시간 동안 잠도 안자고 코딩만 한다고?'라..

ESLint와 같은 Linter 는 소스 코드에 문제가 있는지 검사하여 문제가 있는 부분에 flag를 달아주는 소프트웨어 도구 Prettier와 같은 Formatter는 소스 코드를 일관된 스타일로 작성할 수 있게 코드를 변환해주는 소프트웨어 도구 ESLint 설치 ‘npm install -D eslint 명령어 입력 -D를 입력하는 이유는 devDependencies에 설치하기 위함 → 실제 프로덕션에는 필요없기 때문 ‘npx eslint —init’ 명령어 입력 각 프로젝트마다 eslint 설정 ctrl+shift+p 입력해서 settings.json(User settings)에 들어가서 밑의 코드 입력 "editor.fontFamily": "D2Coding ligature", "editor.line..