본문 바로가기

전체 글

(9)
리액트로 Todo list 만들기 / 기본편 1 (입력, 삭제) 요구사항 Input 창에 값이 입력될 수 있도록 한다. 입력된 값을 추가 버튼 클릭으로 하단에 보여줄 수 있게 한다. 입력받은 todo 값을 삭제할 수 있도록 한다. 추가 ) input창에 Enter 키 입력으로 입력된 값이 바로 출력될 수 있게 한다. 기본 UI 구현 TodoList.jsx 컴포넌트와 TodoItem.jsx 컴포넌트를 생성한다. TodoList.jsx const TodoList = () => { return ( 오늘의 할 일 추가 할일 목록 ); }; export default TodoList; TodoItem.jsx const TodoItem = ( ) => { // 인라인 스타일로 간단하게 UI 정리 return ( 오늘의 할 일 삭제 ); }; export default TodoI..
[코테] 세 수 중 최솟값 구하기 * 아래 코딩 테스트 문제는 인프런 - 자바스크립트 알고리즘 문제풀이를 풀이한 문제입니다. 🔒 문제 . 세 수의 최소값을 구하는 코드를 작성하세요. 🔑 풀이 function checkMin(a, b, c) { let min; if (a > b) min = b; else min = a; if (min > c) min = c; return min; } console.log(checkMin(5, 11, 2));// 2 세 수의 최소값을 구하는 함수를 만든다. 세 수의 매개변수로 a, b, c 입력 최소값을 구하기 위한 변수 min을 생성한다. 조건문을 이용해 먼저 두 개의 수를 비교하고, 둘 중 더 작은 수가 변수 min이 되는 것으로 한다. 남은 하나의 수도 비교하기 위해 변수 min과 남은 매개 변수 c를..
[코테] 배열 내장함수 * 아래 코딩 테스트 문제는 인프런 - 제코베 JS100제를 풀이한 문제입니다. 🔒 문제. 내장함수를 이용해 배열 arr이 아래와 같이 출력되게 하세요. let arr = [200, 100, 300]; console.log(arr); // 아래와 같이 출력 [200, 100, 10000, 300] 🔑 풀이 arr.splice(2, 0, 10000); console.log(arr); // [200, 100, 10000, 300] 배열의 삭제에서 이용했던 splice() 내장 함수를 이용하여 위의 문제를 풀 수 있다. 배열의 요소 200, 100 다음에 새로운 요소 10000을 2번째 인덱스에 삽입해야하기 때문에 splice 내장함수를 이용하여 매개변수에 배열 변경을 시작하는 인덱스 2, 삭제할 갯수가 없으..
[코테] 배열 삭제 하기 * 아래 코딩 테스트 문제는 인프런 - 제코베 JS100제를 풀이한 문제입니다. 🔒 문제 1. 다음 배열에서 400, 500 을 삭제하세요. const nums = [100, 200, 300, 400, 500]; 🔑 풀이 1. nums.splice(3); console.log(nums); // [100, 200, 300] splice() 내장 함수를 이용하여 필요한 답변을 구했다. splice 함수는 배열의 기존 요소를 삭제, 교체, 추가하여 배열을 변경할 수 있다. 📌 splice 내장함수 정리 array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) - start : 배열 변경을 시작하는 인덱스 - deleteCount : 배열에서 제거할 요소의 갯수..
react-router사용과 v6에서의 switch의 변화 Lama Dev의 MERN stack 을 이용한 블로그 만들기를 학습하던 중, 블로그의 각 페이지(메뉴의 내부 페이지)를 라우팅할 수 있도록 react-router라이브러리를 이용하였다. 🎬 React Router 시작하기 프로젝트에서 리액트라우터 라이브러리를 설치한다 yarn add react-router-dom 프로젝트에서 라우터를 적용할 수 있도록 App.js에 요소들을 import해준다. import { BrowserRouter, Routes, Route, Link } from "react-router-dom"; 라우팅하기 위해 만들어둔 페이지 컴포넌트를 요청 주소에 따라 연결될 수 있도록 Route 요소를 사용하여 연결한다. 😈 react-router의 업그레이드, v6에서의 switch 오류 ..
합정 미쉐린가이드 맛집, 수타우동 교다이야 국수를 매우 매우 좋아하지만 굵은 면보다는 얇은 면을 좋아하고, 탱탱한 식감보다는 호로록(?)한 식감을 좋아한다. 고로 우동은 호보다는 불호에 가깝다. 뭔가 씹어도 씹히는 것 같지 않은 그런 느낌이다. 남자친구는 면 중 우동을 최고로 치는 사람이다. 그런 남자친구가 합정에 미쉐린 가이드에 소개된 맛집이 있다며 수타우동 교다이야에 데려갔다. '우동이 잘 나면 얼마나 잘났다고, 거기서 거기 아닌가?'라는 생각으로 갔지만 일단 미쉐린 가이드에 소개됐다고 하니 얼마나 대단한지 먹어봤다. 02-2654-2645 서울 마포구 성지길 39 매일 11-20:30 (Break time 15-17) / 월요일 휴무 1인 7,000-13,000원 한 줄 리뷰: 탱탱한 면의 식감도 재밌지만 와사삭 바사삭한 튀김이 더 재밌다!..
레트로 감성 충만한 을지로 카페, 혜민당 x 커피한약방 을지로가 뉴트로 감성으로 힙스터의 성지가 된 건 예전부터 알고 있었지만 을지로 혜민당 x 커피한약방은 유튜브 채널 와썹맨을 통해 알게 되었다. 역시 힙지로답게 간판부터 가게 안의 소품들, 짓다 만듯한 노출 콘크리트 인테리어까지 요즘 힙하다는 것들은 모두 모아 놓은 혜민당x커피한약방 카페였다. 나 같은 아웃사이더가 들어가기에는 다소 용기가 필요했지만 아웃사이더 중에서도 프로 아웃사이더가 되기 위해 방문해보았다. 070-4148-4242 서울 중구 삼일대로12길 16-6 (길 찾기 쬐끔 어려운) 평일 8-22:30/ 토, 공휴일 11-22시/ 일 11-21시 (라스트 오더 마감 1시간 전) 1인 4,500-6,500원 한 줄 리뷰: 짙은 향의 강려크한 커피 맛을 느낄 수 있다. 커피 한약방의 커피, 지극히 ..
합정/홍대 즉석 떡볶이 맛집, 또보겠지 떡볶이집 호호시스터점 개인적으로 즉석 떡볶이보다는 분식집에서 이미 만들어놓고 파는 떡볶이를 더 선호한다. 즉석 떡볶이는 왜인지 항상 간이 덜 배인듯한 맛이다. 그치만 또보겠지는 다르다! 대학생 때 처음으로 또보겠지를 접하고 눈물을 흘렸지... 지금 까지 내가 즉떡을 헛먹었구나....하는 반성과 함께.... 아무튼 즉떡 중의 즉떡 합정/홍대의 즉석 떡볶이 맛집 또보겠지 떡볶이집 호호시스터점을 포스팅 시작! 02-333-2839 서울 마포구 양화로6길 45 2층 매일 11:00~21:00/ Last order 20:00 (전화예약은 무리) 1인 10,000원 이상 한 줄 리뷰: 즉떡을 사랑하게 돼버렸다 존맛, 버갈 감튀는 필수! 또보겠지 떡볶이집의 음식, 지극히 주관적인 평가 또보겠지에 온다면 반드시, 안 시키면 섭섭해지는 아주..