열정가득한 개발자의 이야기 (57) 썸네일형 리스트형 react component, state 공부 component만드는법 1, function만들기 2. return()안에 html 담기 3쓰기 주의할 점 : 1. component에는 하나의 tag로 시작해서 동일한 tag로 끝내야함 2. 의미없는 tag는 로 표시 ex) 대신 로 표시 --> 왜냐하면 한 컴포넌트에는 1번과 같이 하나의 tag로 끝내야함. 근데 부득이하게 div를 또 써야하면 그 div를 위한 다른 div를 사용해서 하나의 div로 묶어줘야함, 그럴 땐 fragment ()를 사용 컴포넌트 사용하면 좋은 경우 : 1. 반복적인 html 축약할 때 2. 큰 페이지 3. 자주 변경되는 것들 --> 항상 적용되는 사항은 아님 단점은 많은 컴포넌트가 있으면 state로 공통된 변수들을 가지고 올 수 없음 동적 ui 만드는 step 1. .. react 공부 정리 state 자료를 잠깐 보관할 수 있음 = 변수와 같이 state를 사용하는 이유 -> 내용이 변경되었을 때, 자동으로 html이 재 랜더링될 수 있음 : 자주 변경될 것 같은 것은 state사용 컴포넌트 선언 방식 : 함수 컴포넌트, 클래스 컴포넌트 function으로 시작하면 함수, class로 시작하면 클래스 컴포넌트. 클래스 컴포넌트는 render()함수가 있어야하고 그 안에 jsx를 반환해주어야함 함수 컴포넌트 장점 : 메모리 자원 save, 배포했을 때도 결과물의 파일 크기가 더 작음, 선언 용이 단, 단점은 state와 라이프사이클 api를 사용 불가 -> hook기능을 사용하면됨 그래서 함수 컴포넌트와 hook기능을 사용하기를 권장함. context라 리액트 컴포넌트에서 props가 아닌 .. React 기본 공부 리액트 컴포넌트에서 xml형식의 값을 반환할 수 있다 -> jsx라고 부름 리액트란 ? 메타 (구 페이스북)에서 개발한 라이브러리, 나온 배경 : 뷰에서 변경이 일어나면 그 부분을 찾아서 변경해야하는데, 이 과정이 복잡함 -> 기존 뷰를 삭제하고 새로운 뷰를 만들어 내는 것을 고안 그러면 계속적으로 처음부터 렌더링을 해줘야하는 것인가? 그러면 속도가 느린거 아닌가? 부하도 올 수 있는거 아닌가? 이를 보완하기 위해 모든 부분을 처음부터 리 렌더링하는 것이 아닌 기존 뷰와 새로운 데이터가 들어있는 뷰를 비교하여, 차이점이 있는 곳의 DOM트리를 업데이트 하는 것. -> 새로운 dom트리 = Virtual DOM --> 오직 뷰만 신경쓰는 라이브러리가 나옴_ 리액트 렌더링이란 사용자 화면에 뷰를 보여주는 것.. unable to access 'https://github.com/.git/': The requested URL returned error: 403 해결 git에서 한 번씩 403 에러가 뜨는데 거의 remote를 잘 못 설정해 줘서 remote 확인하고 set-url로 다시 지정해 주면 얼추 다 해결은 됐었습니다. 근데 이번엔 안되더라구요..허허 거의 2시간 해맸네요 일단 제가 시도했던 방법을 정리했습니다. 1. username확인 -> 잘되어있었음 제 컴퓨터이기도 하지만 사적인 컴퓨터가 아닌 회사꺼라서 혹시나 이름이 잘못 설정되어있을까 봐 git config에서 확인해 봤습니다. 명령어 : git config --global user.name -> 너무 잘 되어있어서^^ 허허.. 차라리 여기가 문제였으면 얼마나 좋아.. 2. remote문제 있은가 하고 remote 갈아엎기 명령어 : git remote remove 'branch이름' -> git r.. 오늘 했던 실수들 오늘 spring으로 웹페이지 만드는데 했던 실수들을 정리해 봤어요... 1. 명령어 문제 터미널로 mysql 접속해서 테이블 확인하려고 했는데.. "~~~@'localhost' (using password: YES)"라는 문제가 뜨더라고요ㅠㅠ 구글링 해봤는데 패스워드가 잘못되었거나 port를 안 열어줘서 생기는 문제라고 합니다.. 근데 전 그게 아니라 명령어를 잘못 넣었어요.. mysql실행 명령어는 mysql -u root -p다!!! mysql -p root -p로 넣어서 이런 문제가... 후.. 2. 메서드 이름 문제 음.. 사용하는 메서드의 이름들만 일치하면 된다고 생각했어요. 그래서 existByBookNameAndIsReturn이라고 적어줬었습니다. 근데 오류가 뜨더라고요. javabean .. 공부내용 정리 (서버, 로직, 서블릿) 서버란 : 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템 : 인터넷 네트워크 환경에서 다른 컴퓨터에게 다양한 기능, 데이터, 서비스를 제공하는 컴퓨터나 소프트웨어 전반 웹 서버 -> 웹 사이트 서비스를 제공하기 위한 서버 도메인 서버 -> 도메인 관리를 위한 서버 was web application server : 웹 서버와 웹 컨테이너 : web서버처럼 http 프로토콜을 기반으로 동작하고 웹 서버 기능을 포함하여 동적 리소스도 제공할 수 있는 애플리케이션 서버 WAS는 웹서버의 기능을 포함하고 있기 때문에 WAS와 DB만으로도 웹 서비스 구성 가능 그러나 문제도 발생 가능 -> WAS가 너무 많은 영역을 담당하고 있기 떄문에 서버 과부하 위험이 있을 수 있고 정적 리소스 때문에.. HackerRank mysql (Placements) Hi. long time no use English explaining the sql query. Let's starts! https://www.hackerrank.com/challenges/placements/problem?isFullScreen=true Placements | HackerRank Write a query to output the names of those students whose best friends got offered a higher salary than them. www.hackerrank.com First of all, I will explain this question. Summarize the question : even if this question's difficul.. HackerRank SQL Project Planning https://www.hackerrank.com/challenges/sql-projects/problem?isFullScreen=true SQL Project Planning | HackerRank Write a query to output the start and end dates of projects listed by the number of days it took to complete the project in ascending order. www.hackerrank.com 아... 못 풀었어요.. 이틀정도.. 생각을 하고 별짓을 다했는데... 더 시간 끌면 뭔가 시간 낭비인 거 같아서 이쯤 하고 답을 찾아봤습니다. 일단 문제 요약해 드릴게요 요약 : Table구성은 task_id, start_da.. 이전 1 2 3 4 5 6 7 8 다음
