본문 바로가기
반응형

전체 글601

날씨앱 https://github.com/ryu9663/weatherApp/tree/master 리액트를 이용해서 처음으로 직접 하나부터 차근차근 홈페이지를 만들어보았다. 검색창에 도시 이름을 적으면 sidebar의 목록에 도시들의 정보가 추가된다. sidebar에 도시를 클릭하면 메인창에 클릭한 도시의 날씨정보가 나타나도록 했다. 아직 CSS는 하지 않았다. state가 한 차례씩 밀리는 문제 아래 코드와 같이 작성하니 state가 한칸씩 밀려서 출력되었다. 예를들면 처음에 seoul을 입력하면 빈객체가 출력되고, paris를 입력했을때 seoul이 출력되고, jeju를 입력했을때 paris가 출력되었다. const getWeather = async () => { ..생략.. if(responseJson){ .. 2021. 10. 3.
코드스테이츠 소프트웨어 엔지니어링 부트캠프 +76, 리듀서 https://react.vlpt.us/redux/06-redux-devtools.html 위 홈페이지를 통해 리덕스를 공부했다. 리덕스의 원론적인 개념만 알고있는 상태에서 실제로 코드를 적어보며 사용법을 익힐 수 있도록 설명을 해주었다. 개념복습용 메모 액션 상태에 어떤 변화가 필요할 때, 액션을 발생시킨다. 액션은 하나의 객체로 이루어져있다. { //액션 객체는 type을 반드시 가지고 있어야 하고 그 외의 값은 개발자가 마음대로 넣어준다. type: "ADD_TODO", data: { id: 0, text: "리덕스 배우기" } } 액션생성함수 액션을 만드는 함수이다. 단순히 파라미터를 받아와서 액션 객체 형태로 만들어준다. export const addTodo = (text) => ({ type:.. 2021. 10. 2.
코드스테이츠 소프트웨어 엔지니어링 부트캠프 75 https://wnsdufdl.tistory.com/135 알고리즘 12 : 배열 회전 rotateMatrix 문제 2차원 N x N 배열을 시계 방향으로 90도 회전시킨 배열을 리턴해야 합니다. 입력 인자 1 : matrix 가로 길이(matrix[i].length)와 세로 길이(matrix.length)가 모두 N인 2차원 배열 matrix[i][.. wnsdufdl.tistory.com 배열회전 문제를 풀었다. 2021. 10. 2.
알고리즘 12 : 배열 회전 rotateMatrix 문제 2차원 N x N 배열을 시계 방향으로 90도 회전시킨 배열을 리턴해야 합니다. 입력 인자 1 : matrix 가로 길이(matrix[i].length)와 세로 길이(matrix.length)가 모두 N인 2차원 배열 matrix[i][j]는 number 타입 출력 2차원 배열을 리턴해야 합니다. 입출력 예시 const matrix = [ [1, 2, 3, 4], [5, 6, 7, 8], [9, 10, 11, 12], [13, 14, 15, 16], ]; console.log(matrix[0][0]); // --> 1 console.log(matrix[3][2]); // --> 15 const rotatedMatrix = rotateMatrix(matrix); console... 2021. 10. 2.
반응형