분류 전체보기

· study/TIL
1. 재귀(Recursion) 재귀란? 재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴. 재귀 함수 : 자기자신을 호출하는 함수. 반복적인 작업을 해야하는 문제를 더 간결하게 풀어낼 수 있다. 1) 재귀로 문제 해결하기 문제를 작게 쪼갠다. 위와 같이 문제가 더는 작아지지 않을때까지 가장 작은 단위로 문제를 쪼갠다. 가장 작은 단위의 문제를 풂으로써 전체적인 문제를 해결한다. 2) 재귀는 언제 사용하나? 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 중첩된 반복문이 많거나 반복문의 중첩 횟수(number of loops)를 예측하기 어려운 경우 모든 재귀함수는 반복문(for/while)으로 표현할 수 있다. 하지만 재귀를 적용할 수 있는 대부분의 경우 재귀를 적용하는 코드가 훨씬 간..
보호되어 있는 글입니다.
· retrospect
1. 이번주에 한 일 CORS Node.js로 기본적인 http 서버 구현 express로 서버만들기 express에서 미들웨어 사용하기 직접만든 서버와 클라이언트 fetch 이용해서 연결 바닐라 JS로 만들었던 클라이언트 리액트로 리팩토링 - 조회, 작성 섹션2 마무리 회고 기술면접 연습 2. 이번주에 좋았던 것 과제 리팩토링 하는중 -> 혼자 연습해보니까 그냥 넘어갔던 부분도 다시 보게되고 정리할수있어서 좋다 한달 마무리하고 회고 -> 이런저런 생각정리도 되고 좋았음 기술면접 연습 -> 개념정리도 다시 해보고 실제로 연습도 해보니까 부족한 점들을 느끼게 되어서 좋았음 3. 이번주에 아쉬웠던 것 회고하면서 그동안 내 추가공부가 너무 부족하다고 느껴졌음 비슷한 내용을 반복하면서도 자꾸 미루게 됨 체력이 ..
문제 리액트로 리팩토링중인 클라이언트에서 express로 제작된 서버에 post 요청을 보냈는데 req.body가 계속 {} 빈 객체 형태로 나타나고 요청 body 값이 서버에서 제대로 인식되지 않았다. 해결 두가지를 확인해 봐야 한다. 1. 서버 - 미들웨어 등을 사용해 값을 제대로 꺼내오고 있는지 나는 express.json() 을 사용해서 request의 값을 손쉽게 가져올수있도록 설정했다. 2. 클라이언트 - 요청 headers에 컨텐츠 형식을 명시했는지 / 요청 body를 json으로 변환해서보내고 있는지 내 경우에는 json 변환은 해서 보내고 있었지만 헤더를 제대로 설정하지 않았어서, 헤더를 다시 설정해줌으로 해결했다! ***** https://stackoverflow.com/question..
· study/React
바닐라 JS로 제작했었던 게시판을 리액트로 리팩토링해보기로 했다. 구현 목표는 아래와 같다. 🧱 구현 목표 바닐라 JS로 구현했었던 모든 기능에 더해 추가 기능 구현하기 게시글 목록 보기 게시글 작성 게시글 삭제 게시글 수정 데이터를 직접 만든 서버와 연결해 받아오기 fetch로 데이터 받아오기 axios로 데이터 받아오기 파일 구조는 다음과 같이 설정했다. 한페이지라서 App.js 내부에 게시글 목록인 DiscussionList 컴포넌트가 들어가고, 그 내부에는 map으로 반복되어 뿌려질 Discussion 컴포넌트가 들어가게 되어있다. 게시글 입력폼과 state, 이벤트들은 최상위 컴포넌트인 App에 모두 작성하여 필요한 부분은 props로 내려주었다. ❤️ 게시글 목록 불러오기 (조회하기) App...
· retrospect
Section 2 회고 또다시 한달쯤이 지났고, 두번째 섹션이 끝났다. 이번 섹션을 마치면서 그동안을 되돌아보고 지난 섹션에서 개선하고자 결심했던 내용들을 정리하기 위해 회고하기로 했다. 📚 목표 매일의 TODO 리스트에 집중하기 TIL 작성시 더 자세한 일일 회고 기록 구체적인 계획 작성하기 메모해둔 내용 그날그날 짧게 기록하기 에러 로그 카테고리 분류하고 기록하기 🙆‍♀️ Keep : 계속 유지하고 싶은 부분 에러 로그 정리하기 이번 섹션을 하면서 확실히 에러 로그를 정리해 두는 것이 좋다고 느끼게 되었다. git처럼 아직 익숙하지 않은 것을 다룰때는 비슷한 부분에서 자꾸 실수를 하게 되는것같다. 그래도 한번 에러와 해결한 내용을 기록해두니 다음번에는 더 빨리 해결할 수 있었다. 앞으로도 꾸준히 기록..
· study/TIL
보호되어 있는 글입니다.
보호되어 있는 글입니다.
· study/TIL
오늘은 Express 프레임워크로 서버를 만드는 솔로 프로젝트를 했다. 기본 서버 구현 내용은 간단하다. ✅ 기본 형태로 서버 구현 1. 서버 틀 만들고 필요한 경로로 라우팅하기 코드를 보면 가장 먼저 express 모듈을 불러온다. (express는 npm으로 설치가 필요하다) cors 처리를 해줄 cors 미들웨어와 http 요청 logger를 편하게 사용할 수 있는 미들웨어인 morgan을 설치하고 불러온다. morgan은 요청과 응답에 대한 정보를 콘솔에 기록한다. tiny 옵션을 사용하면 최소화된 로그를 확인할 수 있다. app.use()를 통해서 모든 요청에 적용하도록 한다. 미들웨어는 순서가 중요하기때문에 다른 코드들보다 상위에 위치하도록 해야한다. 포트는 4000번으로 열고, 곧 작성할 d..
문제 설명 정수 num과 k가 매개변수로 주어질 때, num을 이루는 숫자 중에 k가 있으면 num의 그 숫자가 있는 자리 수를 return하고 없으면 -1을 return 하도록 solution 함수를 완성해보세요. 제한사항 0 Number(el) === k); return idx !== -1 ? idx + 1 : idx } https://school.programmers.co.kr/learn/courses/30/lessons/120904
해리Harry
'분류 전체보기' 카테고리의 글 목록 (28 Page)