본문 바로가기

전체 글409

[ 스파르타 / TIL ] 내일배움캠프 #28 [Todo list 만들기 (React)] 오늘 한 것 알고리즘 문제 풀기 Todo list Vercel에 배포하기 튜터님의 Todo list 리뷰 노트 정리 [ 프로그래머스 / Javascript ] 하샤드 수 https://school.programmers.co.kr/learn/courses/30/lessons/12947 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 codesign.tistory.com Todo list 회고 Todo list 만든 결과물이다. Todo list를 만들면서 가장 어려웠던 부분은 Working에서 완료를 눌렀을 경우, Done으로 Todo가 이동을 하는 것이다. 하지만 true로 변경이 된 상태에서 map으로 todo.. 2022. 12. 7.
[ 프로그래머스 / Javascript ] 하샤드 수 https://school.programmers.co.kr/learn/courses/30/lessons/12947 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, solution을 완성해주세요. 제한 조건 x는 1 이상, 10000 이하인 정수입니다. 입출력 예 arr return 10 true 12 tr.. 2022. 12. 7.
[ 스파르타 / TIL ] 내일배움캠프 #27 오늘 한 것 알고리즘 문제 풀기 Todo list 만들기 회고 내일까지 todo list를 만들어야 하는데 생각보다 잘 안되고 오늘 하루가 지나버렸다. 지금 막힌 부분이 list에서 완료를 누르면 Work 부분에 있던 리스트가 Done으로 이동해야 하는데 map을 사용해서 출력하고 있어서 if문을 써서 isDone is false일 경우와 true일 경우를 구분하려고 했다. 하지만 아무리 구조를 바꿔봐도 todo list가 출력조차 되지 않았다. 원래 todos라는 배열에 할 일 리스트를 보관했는데 doneTodos라는 배열까지 만들어 따로 저장하게 끔 했는데도 되지 않았다. 결국 지금은 for loop을 사용해서 해보려 한다. 오늘 저녁에는 꼭 해결하고 자고 싶다. 2022. 12. 6.
[ 스파르타 / TIL ] 내일배움캠프 #26 오늘 한 것 알고리즘 문제 풀기 리액트 강의 듣기 Todo list 만들기 회고 알고리즘 스터디 그룹 덕분에 매일 최소 5문제씩은 풀고 있다. 함께 으쌰 으쌰 해서 풀게 돼서 좋은 것 같다. 오후에는 리액트 강의를 듣던 중 스파르타에서 개일 과제를 내주었다. 다가오는 수요일까지 todo list를 만들어야했다. 다행히 주말에 유튜브를 보면서 심플한 todo list를 구현해본 덕분에 어떻게 시작해야 할지는 감이 잡혔다. 2022. 12. 6.
[ 프로그래머스 / Javascript ] 캐릭터의 좌표 https://school.programmers.co.kr/learn/courses/30/lessons/120861 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 머쓱이는 RPG 게임을 하고 있습니다. 게임에는 up, down, left, right 방향키가 있으며 각 키를 누르면 위, 아래, 왼쪽, 오른쪽으로 한 칸씩 이동합니다. 예를 들어 [0,0]에서 up을 누른다면 캐릭터의 좌표는 [0, 1], down을 누른다면 [0, -1], left를 누른다면 [-1, 0], right를 누른다면 [1, 0]입니다. 머쓱이가 입력한 방향키의 배열 .. 2022. 12. 6.
[ JavaScript ] Class 초기값 설정해주기, 상속 하기 Class 초기값 설정해주기 constructor(생성자) constructor(생성자)를 이용하면 class 객체의 초기 값을 설정해 줄 수 있다. 단, class 내부에서 constructor는 한 개만 존재할 수 있다. 아래는 constructor를 이용하여 Person 클래스에 초기 값을 설정해 보았다. class Person { constructor() { this.name = 'Sam'; //this 키워드로 프로퍼티 설정해주기 } printName() { // 메서드 console.log(this.name); // 위의 this.name을 전달 받는다 } } const person = new Person(); // 위의 Person class를 const person에 지정한다. person.. 2022. 12. 5.
[ WIL ] 내일배움캠프 5주차 Facts 리액트 강의 수강. 새롭게 배정된 팀에서 팀장이 되었다...화이팅! 앞전 팀원 분들과 시작한 알로리즘 스터디에서 함께 매일 알고리즘 문제 풀기 주말에는 평일에 풀었던 문제 다시 복습했다. 자바스크립트 심화 강의 수강 Feelings 팀장이라고 아직 따로 하는 것도 없는데 괜히 긴장이 된다. 앞으로 다가올 리액트 프로젝트를 위해 다들 열심히 달리고 있는데 팀원분들도 열정이 다들 넘쳐서 이번 프로젝트도 너무 기대된다. 자바스크립트 심화 강의를 제공해주신 최원장 튜터님 덕분에 자바스크립트의 흐름을 조금 더 알게 된 것 같다. Findings 데이터 할당이 되는 과정 undefined와 null의 차이점 실형 콘텍스트 toISOString() Future 유데미에서 수강 중인 리액트 강의 계속 수강.. 2022. 12. 4.
[ 스파르타 / TIL ] 내일배움캠프 #25 오늘 한 것 알고리즘 문제 풀기 리액트 강의 듣기 노트 정리 [ React ] toISOString()를 사용하여 시간 출력하기 toISOString() toISOString()는 Date를 ISOString(yyyy-mm-ddThh:mm:ss) 형식의 문자열로 날짜와 시간 정보를 반환해주는 함수다. 🚨주의 해당 메서드는 UTS(미국) 기준으로 출력되기 때문에 한국시간으로 맞추기 codesign.tistory.com 회고 스파르타에서 리액트 강의 제공을 다음주 월요일로 미뤄서 Udemy에서 보던 리액트 강의를 이어서 보고있다. 평점이 좋은 만큼 디테일한 부분도 잘 짚어주고 코드 한줄 한줄 이렇게 쓰게 되는 이유를 설명해줘서 좋은것 같다. 아직 많이 남아서 더 열심히 달려야겠다. 2022. 12. 4.
[ React ] toISOString()를 사용하여 시간 출력하기 toISOString() toISOString()는 Date를 ISOString(yyyy-mm-ddThh:mm:ss) 형식의 문자열로 날짜와 시간 정보를 반환해주는 함수다. 🚨주의 해당 메서드는 UTS(미국) 기준으로 출력되기 때문에 한국시간으로 맞추기 위해서는 3240 * 10000(9시간) 수식을 현재 출력되는 시간에 더해주어야 한다. toISOString() 사용하지 않은 경우 const TIME_ZONE = 3240 * 10000; const date = new Date('2022-12-04 10:20:21'); const formDate = new Date(+date + TIME_ZONE); console.log(formDate); //Sun Dec 04 2022 19:20:21 GMT+0900.. 2022. 12. 4.
728x90

티스토리툴바