브라우저의 뒤로가기만 사용해봤지 화면내에 뒤로가기 버튼을 만들어본 것은 처음이라서 기록! > 🔽아래 링크에서 체험해보기 https://playkeyboard-front-team-1.netlify.app 원하는 키보드 테마를 누르고 왼쪽 상단 ← 버튼을 눌러보세요! 👉깃허브에서 코드보기 useNavigate를 사용하자 예전엔 useHistory 객체를 이용했는데 이제 react-router-dom의 useNavigate가 지원해준다고 한다. useNavigate는 특정 위치로 이동하게 할 때만 사용해봤는데, 뒤로가기/앞으로가기 기능도 있다는 것을 알게되었다. > 방법은 아주 간단하다.

소개 !youtube[6d540y6y650] > 전국 숙소 실시간최저가 예약사이트 여기어때를 모티브로 한 프로젝트입니다😊 프론트엔드와 백엔드가 협업해서 개발했고 저는 프론트엔드로 참여했습니다. 힘들기도 했지만 즐거웠고 배운 점도 많았던 프로젝트 회고 시작합니다! 개발 기간: 2022. 09. 19 ~ 2022. 09. 30(2주) 개발 인원: 프론트엔드 4인, 백엔드 2인 GitHub: 프론트엔드 | [백엔드](https://github.com/wecode-bootcamp-korea/justcode-6-

🎲벌써 1주일이 지난 원티드 프리온보딩 코스...! 원티드 프리온보딩 코스 - 1주차 WANTED가 주최하고 JustCode, Wecode 의 수강생(?)들이 참여하는 프리온보딩 코스. 난 JUSTCODE 수강생으로 참여했고 기업협업과제라니 걱정반 기대반이었다. 총 3주간의 기업협업과제 기간이 예정되어있는데 벌써 1주가 지났네... 1차 과제를 만들고 바로 2차과제를 시작해서 1차 후기도 아직 남기지

함수가 받는 인자의 개수에 따라 출력되는 결과물이 달라지는 함수를 만들어보았습니다. if문을 사용해서 작성해보다가 더 편한 방법을 찾아서 해보는 포스팅! 바로 arguments객체를 이용하는 것이다. 자세한 설명은 아래에서 해보겠습니다. 미션❗ meetAt 함수를 만들어주세요 인자를 세개 받습니다. 첫번째 인자는 년도에 해당하는 숫자입니다. 두번째 인자는 월에 해당하는 숫자입니다. 세번째 인자는 일에 해당하는 숫자입니다. 인자가 1개인 경우 (년도 인자만 받았을 경우) "1234년" 과 같은 형식의 문자열을 리턴 해주세요. 인자가 2개인 경우 (년도, 월 인자를 받았을 경우) 년도와 월을 조합해서 "1234년 5월" 과 같은 형식의 문자열을 리턴 해주세요. 인자가 4개인 경우 (년도,월,일 인자를 전부 받았을 경우) 년도,월,일을 조합해서 "1234/5/6"

forEach문을 이용해 각각의 피드에서 댓글을 입력하고 엔터를 누르거나 게시버튼을 누르면 댓글이 등록되는 기능을 구현해보았습니다.😊 이 포스팅에서는 엔터를 누르면 등록될때의 코드만 다루고 있습니다. 이제 막 시작한 코린이라 코드가 깔끔하지 않을 수 있습니다. 피드백은 언제나 감사하게 받으니 오류나 개선점이 보인다면 꼭! 댓글부탁드립니다:D 만약 하나의 피드에만 댓글을 입력하고싶다면 forEach문으로 반복을 할 필요가 없습니다. 하지만 모든 피드에 댓글을 입력할 수 있게 하기위해 forEach문을 사용해보도록 하겠습니다. ✅주석없는 소스코드는 포스팅 맨 아래에 있습니다 😀결과이미지😀 😀JavaScript 소스코드😀

키워드 1 - 변수가 필요한 이유와 선언방법 변수란? 수많은 데이터를 재활용하기 위한 데이터 보관소. 다양한 데이터값은 변수에 저장되어 사용된다. 변수를 사용하는 이유 : 메모리에 저장된 값의 위치를 안전하게 접근할 수 있게 한다. : 코드의 재사용성을 높이고 유지, 보수를 용이하게 한다. 키워드 2 - 자바스크립트 데이터타입의 종류 데이터타입은 크게 2가지로 나뉜다. 기본(원시)타입 / 참조(객체)타입 기본타입은 숫자(number) - 64비트 부동소수점의 형식 문자열(string) - (''),(""),( )로 할당가능 boolean - true, false undefined - 값이 할당되지 않았을 때 자바스크립트가 부여하는 값(타입도 값도 undefined) null - 의도적으로 '값이 없다'는 것을 명시(타입은 object임. 기본데이터타입은 객체가 아닌데 초기자바스크립트의 버그라고

강의에서 미션을 주셔서 나만의 게임화면을 만들어보았는데 만들면서 살짝 애먹었던 부분들을 정리해보려고 합니다 start와 빨간 time바, time을 나란히 하는 것 배경이미지 안쪽 상단에 검을 5개 표시하는 것 html:상단 스타트부분과 배경부분 CSS:스타트부분 요소들 나란히 하기, 배경크기 정하기, 검5개 넣기 1. start와 빨간 time바, time을 나란히 하는 것 - Flex start, time바, time을 각각의 태그로 만들어준 후 나란히 배치하고 싶었는데 3가지(h1, div, h1)태그가 다 block태그여서 나란히 하는 것이 힘들었다. margin이나 넓이 등등 바꿔보다가 검색해서 해결 완료 flex : 레이아웃배치 전용으