본문 바로가기

분류 전체보기410

[ 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.
[ 스파르타 / SQL ] Group by Group by 동일한 데이터를 하나로 묶어서, 통계를 내준다. Group by 예제 데이터 안에 이름의 성 별로 개수를 출력하기 위해서 먼저 users에서 이름들을 group by로 묶어준뒤 name에 묶이는 이름들의 개수를 출력한다. SELECT name, count(*) FROM users group by name 결과 2022. 12. 3.
[ 스파르타 / TIL ] 내일배움캠프 #24 오늘 한 것 알고리즘 문제 풀기 리액트 강의 듣기 노트 정리 [ JavaScript ] Class 초기값 설정해주기 Class 초기값 설정해주기 constructor(생성자) constructor(생성자)를 이용하면 class 객체의 초기 값을 설정해 줄 수 있다. 단, clss 내부에서 constructor는 한 개만 존재할 수 있다. 아래는 constructor를 이용하 codesign.tistory.com 오늘 최원장 튜터님께서 DOM관련 강의를 해주셨다. 우리의 눈높이에 잘 맞춰 강의해 주신 덕분에 이해가 잘 되는 알찬 시간이었다. 우리들의 눈높이에 맞추기 위해서 노력하시는 게 보여 정말 감사했다. DOM(Document Object Model) 기초 강의 웹 페이지가 뜨는 과정 www.naver.. 2022. 12. 1.
[ 스파르타 / TIL ] 내일배움캠프 #23 오늘 한 것 알고리즘 문제 풀기 리액트 강의 듣기 노트 정리 [ React ] 리액트 실행하기 리액트 시작 명령어 npx create-react-app 프로젝트이름 VS code 터미널에 위와 같이 명령어를 입력하면 아래와 같이 리액트 파일이 만들어지기 시작한다. 리액트 파일 다운로드가 완료가 되면 아래와 codesign.tistory.com 회고 첫 프로젝트가 끝나고 오늘 다시 새로운 팀이 배정이 되었다. 아직 서로서로가 어색하지만 그래도 다들 좋은 분이신 것 같다. 대부분 다른 분야에서 일을 하시다가 오신 분들이 계시는데 그래서인지 배울게 많은 것 같다. 디자인 분야에서 일하다 오신 분은 디자인 감각이 있으시고 다른 분은 좋은 조언을 많이 해주신다. 앞으로 프로젝트 시작까지 2주라는 시간이 있다. 프.. 2022. 11. 30.
[ React ] VSCode에서 create-react-app 설치방법, 현재폴더에서 리엑트 설치방법 Visual Studio Code 터미널 열기1. VSCode를 연다.  2. 맥 기준 VSCode를 연후 상단메뉴에서 '터미널' 선택 후 '새 터미널'을 선택한다.쇼트컷으로  control + shift + ` 를 누르면 새 터미널이 열린다.  3. 화면하단에 새로운 터미널 창이 열린다.  4. 프로젝트를 생성하고 싶은 파일 위치로 이동한다.ls : 현제 위치에서의 파일 목록 조회가 가능하다.cd: 원하는 파일을 열고 그곳으로 이동한다.  'ls'를 눌러 현제 위치를 파악한 뒤'cd 파일명'을 적어준다. (파일 루트를 안다면 한 번에 다 적어줘도 된다. Desktop/Code/Frontend) 원하는 파일 위치로 이동했다면 아래 리액트 시작 명령어로 리액트를 설치해 준다.    리액트 시작 명령어 np.. 2022. 11. 30.
[ 스파르타 / TIL ] 내일배움캠프 #22 목차데이터 타입의 종류비트(bit)와 바이트(Byte)Hoisting(호이스팅)이란?변수 영역에는 변수만 저장하고 데이터 영역에는 데이터만 저장하는 이유 1. 데이터 타입의 종류기본형(Primitive Type) 값이 담긴 주소 값을 바로 복제한다.ex.Number, String, Boolean, null, undefined, Symbol 참조형 (Reference Type)값이 담긴 주소 값들로 이루어진 묶음을 가리키는 주소 값을 복제한다.ex. Object - Array, Function, Date, RegExp, Map & WeakMap, Set & WeakSet  2. 비트(bit)와 바이트(Byte)컴퓨터가 의사소통을 하기 위해 필요한 언어이다. .. 2022. 11. 29.
[ KPT ] SWIVEE 프로젝트 회고 KPT 회고 방법론이란? KPT(Keep, Problem, Try) 회고란 회고 방법론 중 하나이다. 팀으로 프로젝트를 진행한 뒤 진행한 프로젝트를 돌아보며 잘하고 있는 것을 더 잘하기 위해, 또는 다음에는 수정할 부분들을 돌아보게 효율적인 회고가 이루어지게 해 준다. Keep : 이번 프로젝트에서 진행한 과정 중 다음 프로젝트에서도 유지했으면 하는 부분. Problem: 이번 프로젝트에서 발생한 문제점을 객관적으로 판단. Try : 해당 문제점을 해결할 수 있는 현실적인 방안 제시, 다음 프로젝트를 위해 해야 할 노력 Feel : 이번 프로젝트를 통해 느낀 점 Keep Notion에 각자 담당하고 있는 부분을 진행 중 또는 완료로 표기하여 각자 진행 사항들을 확인하는 것 좋은 것 같다. 덕분에 프로젝트.. 2022. 11. 28.
[ WIL ] 내일배움캠프 4주차 이번 주 깨달음 문제점 자바스크립트의 강의만 보고 Firebase에서 데이터를 가져오기, 올리기, 필터링 구현을 시작했는데 코드의 세부적인 부분을 이해하지 못해서 에러가 나도 해결하는 데까지 시간이 오래 걸렸다. 해결 방안 코드의 한 줄 한 줄 출력을 해보고 addDoc, getDoc 등 그저 이런 기능을 구현하는구나라고 생각하고 넘기지 말고 정확한 구현 기능을 조금 더 검색을 해보고 사용을 해야겠다. 문제점 메인 페이지 → 특정 신발 페이지 이동시 해당 정보를 가져오는 과정에서 모든 신발들을 가져왔다. 해결 방안 각 신발마다 이름이 달라서 신발의 이름을 기준으로 정보를 가져오기로 했다. 넘겨받은 신발 이름으로 dbService에서 같은 신발의 이름을 가진 정보를 출력하게 했다. // 현재 넘겨 받은 신.. 2022. 11. 28.
[ 스파르타 / TIL ] 내일배움캠프 #20 오늘 한 것 swivee 페이지 에러 수정 보드 페이지에서 리뷰 페이지로 이동 오늘의 깨달음 Cannot set properties of null (setting 'innerHTML') 신발 리뷰들 중에 리뷰를 클릭하면 리뷰 상세 보기로 넘어가는 것을 구현하려고 하는데 아래와 같은 에러가 떴다. 해결 HTML이 렌더링이 되지 않았는데 자바스크립트가 먼저 동작해서 일어난 에러였다. 그래서 window.location.hash = '#review' 로 먼저 리뷰 페이지로 이동시켜준 뒤에 HTML 태그를 렌더링하는 receiveDataFromBoard() 함수가 실행시켜 주었다. 2022. 11. 28.
728x90

티스토리툴바