![]()
👀 현재까지 구현한 내용 영상 부트캠프 수업에서 리액트의 state와 props를 공부하게 되면서 해당 내용들을 사용하는 과제를 구현하게 되었다. 나는 과제를 혼자서 처음부터 끝까지 만들어보면서 공부한 것을 더 익히고 싶었고 해보고싶은 추가 기능들을 덧붙여서 구현해보기로 했다. 구현하기로 목표한 내용은 다음과 같다. 📚 목표 사이드바의 각 버튼을 클릭하면 해당하는 페이지로 이동하게 라우터 구현하기 트윗 목록이 보이는 페이지(Tweets.js)에서 더미데이터의 내용이 알맞게 보이게 하고 입력폼 만들기 사용자 페이지(MyPage.js)에는 (로그인했다고 가정하는)유저의 프로필이 보이게 하고, 더미데이터에서 해당 유저의 트윗만 보이게 하기 Tweets.js에서 입력폼에 내용 입력후 전송하면 목록에 트윗이 추가..
![]()
1. REST API(Representational State Transfer API) 웹에서 사용되는 데이터나 자원(Resource)를 HTTP URI로 표현하고 HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식이다. 로이 필딩(Roy Fielding)이 웹(HTTP)의 장접을 최대한 활용할 수 있는 아키텍처로서 논문에서 제시했다. 레오나르드 리차드슨(Leonard Richardson)은 로이 필딩이 논문에서 제시한 REST 방법론을 실용적으로 적용하기 위해 REST 성숙도 모델을 만들었다. 로이 필딩은 이 모델의 모든 단계를 충적해야 REST API라고 부를 수 있다고 주장했지만 실제로 엄밀히 3단계까지 지키기는 어렵기 때문에 2단계까지만 적용해도 좋은 API 디자인이라고 볼 수 있고, 이런 경우..
머쓱이는 친구에게 모스부호를 이용한 편지를 받았습니다. 그냥은 읽을 수 없어 이를 해독하는 프로그램을 만들려고 합니다. 문자열 letter가 매개변수로 주어질 때, letter를 영어 소문자로 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 모스부호는 다음과 같습니다. morse = { '.-':'a','-...':'b','-.-.':'c','-..':'d','.':'e','..-.':'f', '--.':'g','....':'h','..':'i','.---':'j','-.-':'k','.-..':'l', '--':'m','-.':'n','---':'o','.--.':'p','--.-':'q','.-.':'r', '...':'s','-':'t','..-':'u','...-':'v',..
![]()
1. 웹 애플리케이션 아키텍처 1) 클라이언트 - 서버 아키텍처(Client Server Architecture) 이용자/요구자 체계. 구내 정보 통신망(LAN) 등 망상에서 하나의 프로세스를 클라이언트와 서버에 나누는 분산 처리 방식이다. 클라이언트 쪽에서 요구하면 서버에서 그것에 대해 프로세스하여 응답한다. 프로세스를 의뢰하는 장치나 컴퓨터 또는 프로그램을 클라이언트라고 하며, 의뢰받은 프로세스를 실행, 응답하는 쪽을 서버라고 한다. 개방형 시스템을 위한 이 방식의 망 소프트웨어로는 X 윈도 시스템, NCS 등이 있다. [네이버 지식백과] 클라이언트/서버 구조 [client/ server architecture, -構造] (IT용어사전, 한국정보통신기술협회) 즉 클라이언트 - 서버 아키텍처는 리소스를..
아슬아슬하지만 후다닥 해보기 1. 이번주에 한일 설연휴 리액트 기초 리액트 라우터 리액트 state 리액트 props 리액트 state & props로 트위터 클론코딩 트위터 클론코딩 과제 처음부터 혼자서 해보고 기능 추가한것 - 글 삭제하기(+로컬스토리지) - click-to-edit ui로 수정하기 기능 (+로컬스토리지) 프로그래머스 Lv0 문제 풀기 블로그 쓰고싶은것들 목록 적기 2. 이번주에 좋았던 것 리액트 클론코딩 과제 혼자서 완성해보고 기능 추가한 거 배운것들을 바탕으로 스스로 만들어보니까 이해도 더 잘되고 새로운것도 많이 찾아볼수있었다. 그리고 이렇게 하는데에는 수도코드를 작성하는것이 많이 도움이 되었다. 머리로 생각만 할때는 이렇게 하면 될것같아서 코드를 마음대로 작성했는데 막상 잘 되지..
문제 설명 외과의사 머쓱이는 응급실에 온 환자의 응급도를 기준으로 진료 순서를 정하려고 합니다. 정수 배열 emergency가 매개변수로 주어질 때 응급도가 높은 순서대로 진료 순서를 정한 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 중복된 원소는 없습니다. 1 ≤ emergency의 길이 ≤ 10 1 ≤ emergency의 원소 ≤ 100 입출력 예 emergency result [3, 76, 24] [3, 1, 2] [1, 2, 3, 4, 5, 6, 7] [7, 6, 5, 4, 3, 2, 1] [30, 10, 23, 6, 100] [2, 4, 3, 5, 1] 입출력 예 설명 입출력 예 #1 emergency가 [3, 76, 24]이므로 응급도의 크기 순서대로 번호를 매긴 [..
문제 설명 머쓱이네 피자가게는 피자를 여섯 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 매개변수로 주어질 때, n명이 주문한 피자를 남기지 않고 모두 같은 수의 피자 조각을 먹어야 한다면 최소 몇 판을 시켜야 하는지를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ n ≤ 100 입출력 예 n result 6 1 10 5 4 2 입출력 예 설명 입출력 예 #1 6명이 모두 같은 양을 먹기 위해 한 판을 시켜야 피자가 6조각으로 모두 한 조각씩 먹을 수 있습니다. 입출력 예 #2 10명이 모두 같은 양을 먹기 위해 최소 5판을 시켜야 피자가 30조각으로 모두 세 조각씩 먹을 수 있습니다. 입출력 예 #3 4명이 모두 같은 양을 먹기 위해 최소 2판을 시키면 피자가 12조..
문제 설명 최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다. 정수 배열 array가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요. 최빈값이 여러 개면 -1을 return 합니다. 제한사항 0 max) { // 객체의 값이 max보다 클때만 실행 max = obj[key]; result = Number(key); } else if (obj[key] === max) { // 객체의 값이 max와 같을때만 실행 result = -1; } } return result; } 문제 링크
