본문 바로가기

전체 글

(40)
급히 쓰는 트러블 슈팅... 스와이퍼를 쓰다가 벌어진 일이긴 한데.... 고유 키 값을 설정하여 map을 돌렷으나 키가 중복값이 있다는 소리를 듣게 되었는데... 간단한 해결 방법이 었다 우선 키값은 맵 최상위 디브에 넣어줘야 하며 스와이퍼는 이 최상위 디브 밖에서 전체를 감싸줘야 오류가 안난다....
인터넷 경로 확인 과 TCP/IP 라우팅 어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는 과정 최적의 경로는 주어진 데이터를 가장 짧은 거리로 또는 가장 적은 시간 안에 전송할 수 있는 경로 라우팅은 전화 통신망, 전자 정보 통신망, 그리고 교통망 등 여러 종류의 네트워크에서 사용 ISP(Internet Service Provider) 집이나 사업장에 유료로 인터넷을 제공하는 공급자 KT, LG유플러스, SK브로드밴드, etc. ISP는 게이트웨이*를 통해 서로 연결됨 * 서로다른 네트워크 상의 통신 프로토콜을 변환. 두컴퓨터 또는 노드가 네트워크 상에서 서로 연결되려면 동일한 통신 프로토콜을 사용해야함 일부 국가는 의도적으로 국외에서 국내로 접근하는 게이트웨이를 적게 두기도함(트래픽 감시, 검열 목적) tracero..
협업! FE vs BE 자 오랫만에 돌아온 미니 프로젝트 되시것다.... 그렇다 실제로 첫주에 했던건 뭣도 아니었다.... 이게 머람 ㅡㅡ 서버랑 프론트랑 연동을 시켜야 되는 작업 하나가 이렇게 까지 복잡해 질줄은... 아니 당연히 협업 하라길래 첫주에 했던 그냥 get이랑 post 창구 개설해서 명령어만 주고 받으면 끝날줄 알았지... 어림도 없지 암! 이놈의 api 설계부터 시작해서 axios는 무슨 일이람 말인가..... 완전 달라져 버리잖아 코드가 ;;; 안그래도 redux 잘 모른다고... 쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 주간 이라며쉬는 ..
자바 스크립트+파이썬은 어떻게 작동할까 자바스크립트 프로그램은 컴파일러나 어셈블러 같이 기계어와 C언어의 변환 같은 방식으로 작동하나 세부적으로 보면 브라우저가 웹페이지에서 자바스크립트를 발견하면 프로그램의 텍스트를 자바스크립트 컴파일러로 전달하고, 컴파일러는 프로그램에 에러가 있는지 검사하고, 프로그램을 모형컴퓨터 처럼 만들어 낸 컴퓨터의 어셈블리 언어 명령어로 컴파일(어떤 언어의 코드를 다른 언어로 바꿔주는행위)한다. 그후 모형 컴퓨터 같은 시뮬레이터를 실행하여 자바스크립트 프로그램이 수행하기로 되어 있는 모든 기능을 수행하게 된다. 이때 시뮬레이터와 브라우저는 밀접하게 상호작용한다. 파이썬 또한 자바스크립트와 유사한 방법을 거쳐 실행 가능한 형태로 변환 되지만, 명령줄 환경에서 python 명령어를 통해 직접 실행하든 웹페이지에서 제공하..
쉬는 주간이라며.... 아니자나.... 파이어 베이스 왜 쓴거야 우리... 완전 새롭잖아 axios..... 살려줘..... 백이랑 프론트랑 협업이라면서.... 백이랑 프론트 완성도 안되것다 ㅠ..... 공부 시켜줘.... 지식좀 가르쳐줘... 복사 붙여넣기 힘드러.... 알고 해야 좀 쉽지..... 살려줘..... 그래도 이거 하고 또 지나면 또 모르겠지 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 진짜 실전 할때 까지 이 상태일까봐 너무 무섭다
Axios # Intro 리액트는 효율적인 UI 구현을 위한 라이브러리이다. HTTP Client(HTTP 상에서 커뮤니케이션을 하는 자바 기반 컴포넌트)를 내장하고 있는 Angular와는 다르게, 리액트는 따로 내장 클래스가 존재하지 않는다. 따라서 리액트에서 AJAX를 구현하려면 Javascript 내장객체인 XMLRequest를 사용하거나, 다른 HTTP Client를 사용해야 한다. 그렇다면 어떤 HTTP Client 라이브러리를 사용하는게 좋을까? 리액트와 함께 쓰면 좋은 HTTP Client 라이브러리가 많지만, 여기에선 리액트에서 많이 쓰이는 것 중에 하나인 Fetch API를 비교하며 axios 라이브러리를 알아볼 것이다. #짚고 넘어가기 AJAX (Asynchronous Javascript And ..
Reducer2..... 그렇다 이번주도 Reducer가 문제다 쓰는 방법? 안다 형식? 안다 연동? 안다 그래 이론은 다 알겠다 그럼 과제나 하러 갈까? 아니다 왜냐? 쓰라고 하면 쓰질 못한다..... 많이 하면 할수록 익숙해 진다고 하는데 왜 안될까.... 이번주 과제도 역시 어디서 찾아서 어떻게든 해야 될거 같다..... 하긴 지금까지 싹다 어떻게든 해온거긴 하지만 한가지 깨달은건 과제보다는 Reducer 공부에 집중하자 이다 ps. 이젠 react 사람들도 모자라서 백앤드 분들도 사라지기 시작했다.... 괜찮을까 실전 프로젝트...ㅠ
라이프 사이클(클래스형 vs 함수형) 라이프사이클? 생명주기 메서드, 즉 리액트의 데이터가 실행되고 움직이는 순서같은 거라고 생각하면 된다. 클래스방식 위 그림을 보면, 클래스 방식으로 리액트 컴포넌트를 만들 때 그 컴포넌트의 여러 메소드 들이 어떤 순서로 호출되는가를 보여준다. 시작점에서 시작하여 componentWillMount() 라는 메소드는 리액트가 그 컴포넌트에 구현되어있는 메소드를 호출하는 것으로 약속되어있다. 어떤 컴포넌트가 생성되기 전에 처리해야 할 일이 있다면, componentWillMount()라는 메소드를 구현하는것을 통해서 (컴포넌트가 우리가 필요로 하는 코드를 갖다놓는 과정을 통해서) 컴포넌트가 생성되기 직전에, 즉 랜더가 호출되기 전에 해야될 일을 갖다놓을 수 있다. 이후, Render()메소드가 호출되면 마운트..