전체 글
주식 적립식 투자앱 만들기 - 8
- modal ui완성 - 나스닥, 뉴욕거래소 주식은 달러로, 코스피, 코스닥 주식은 원화로 되어있어서 화폐단위를 지정해서 하나로 통일시키기로 했다. 환율은 그냥 가장 최신 환율을 기준으로 화폐변환시킬건데 사실 과거 주가는 그 당시 환율을 기준으로 변환시켜야 정확한 주가니까 중간에는 조금 오차가 생기긴 할것같다. 그래도 마지막 결과는 가장 최근 조정주가 + 가장 최신 환율로 맞으니깐 그냥 하기로 함. - 적립식 투자나 조정주가를 쓴다던가 하는걸 공지할 필요가 있어보인다. 어디다 도움말을 추가해야할것 같다. { endDate: '2020-12-05T07:57:19.082Z', initCost: '40', moneyTypeIndex: 0, savingCost: '', savingTypeIndex: 0, se..
보안(짧음)
github.com/baeharam/Must-Know-About-Frontend baeharam/Must-Know-About-Frontend :mortar_board: 취준생이라면 반드시 알아야 하는 프론트엔드 관련 지식들. Contribute to baeharam/Must-Know-About-Frontend development by creating an account on GitHub. github.com 가장 아래 보안탭 타이핑 동일 출처 정책(Same-Origin Policy) - 정의 : 어떠한 문서나 스크립트가 다른 프로토콜 / 포트 / 호스트에 있는 리소스를 사용하는 것을 제한하는 정책. 해결방법 - document.domain - 단편적인 방법으로, 동일한 도메인으로 설정함을 통해 SOP ..
플로이드 와샬
출처 : mygumi.tistory.com/110 플로이드 와샬 알고리즘 :: 마이구미 이번 글은 플로이드 와샬 알고리즘에 대해 다뤄본다. 동적계획법을 기반으로 구현되는 알고리즘이다. 위키백과의 정의를 보자. 플로이드-워셜 알고리즘(Floyd-Warshall Algorithm)은 그래프에서 모든 mygumi.tistory.com 그래프에서 모든 꼭지점 사이의 최단 경로의 거리를 구하는 알고리즘. 최단경로를 찾기에 좋은 알고리즘이다. 시간복잡도는 O(n^3) for (int k = 0; k < n; ++k) { // k : 거쳐가는 정점 for (int i = 0; i < n; ++i) { // i : 출발 정점 for(int j = 0; j < n; ++j { // j : 도착 정점 if(d[i][j] ..
주식 적립식 투자앱 만들기 - 7
- 주식 검색 바 추가 - 탭 변경시 리스트 스크롤을 가장 위로 올리는데서 헤맸는데 scrollToIndex를 index 0으로 설정시 데이터 배열의 크기가 0이라 0번인덱스를 참조 할 수 없을 때 오류가 났었다. scrollToOffset으로 오프셋값을 0을 주니 고쳐짐. 아마 scrollToIndex는 리스트의 특정 인덱스로 이동하고 싶을 때 쓰는 함수지 최상단 이동에 쓰는건 용도에 맞지 않았다고 봄. - 주식들이 워낙 많다보니 탭을 바꿀때 1초 이내의 렉이 걸리는데 그냥 넘어가기로 했다. 리스트의 렌더링 자체는 100개정도 단위로 자동으로 끊어져서 부드럽게 나오는 것 같은데 데이터가 바뀔때 초기화 과정에서 시간이 걸리는듯? - 클릭시 버튼 이벤트. 주식은 3개까지만 담을 수 있도록 제한을 뒀다. -..
네트워크
github.com/baeharam/Must-Know-About-Frontend baeharam/Must-Know-About-Frontend :mortar_board: 취준생이라면 반드시 알아야 하는 프론트엔드 관련 지식들. Contribute to baeharam/Must-Know-About-Frontend development by creating an account on GitHub. github.com 따라치면서 공부 TCP와 UDP - OSI 7계층에서 전송계층에 속하는 데이터 전송 프로토콜 TCP - 연결지향적이다. 2개의 호스트가 통신을 하기전에 연결이 반드시 이루어져야한다. - 높은 신뢰성과 순서대로 전송하는 것을 보장한다. - 흐름제어 : 송신자의 데이터 양을 조절 - 혼잡제어 : 네트워..
주식 적립식 투자앱 만들기 - 6
- ui kitten ( akveo.github.io/react-native-ui-kitten/ ) 기본 컴포넌트만 쓰는데 디자인이 맘에든다. - 메인화면 ui만 만들다가 그만함. 솔직히 시간에 비해 너무한게없다.
JS
github.com/baeharam/Must-Know-About-Frontend baeharam/Must-Know-About-Frontend :mortar_board: 취준생이라면 반드시 알아야 하는 프론트엔드 관련 지식들. Contribute to baeharam/Must-Know-About-Frontend development by creating an account on GitHub. github.com 타자치면서 공부 AJAX Asynchoronous Javascript And XML의 약자로, 비동기적으로 js를 사용해서 데이터를 받아와 동적으로 DOM을 갱신 및 조작하는 웹 개발 기법을 의미한다. 여기서 XML이 있는 이유는 옛날엔 json보다 많이써서 그럼 어떻게 동작하는가? 사용자가 AJA..
CSS
github.com/baeharam/Must-Know-About-Frontend baeharam/Must-Know-About-Frontend :mortar_board: 취준생이라면 반드시 알아야 하는 프론트엔드 관련 지식들. Contribute to baeharam/Must-Know-About-Frontend development by creating an account on GitHub. github.com 타이핑 치면서 공부 박스 모델 이미지 github.com/baeharam/Must-Know-About-Frontend/raw/master/images/css/box%20model.png [ margin [ border [ padding [ content ] ] ] 이렇게 둘러싸여있음. box-siz..
HTML
github.com/baeharam/Must-Know-About-Frontend baeharam/Must-Know-About-Frontend :mortar_board: 취준생이라면 반드시 알아야 하는 프론트엔드 관련 지식들. Contribute to baeharam/Must-Know-About-Frontend development by creating an account on GitHub. github.com 따라 타이핑하면서 공부 DOCTYPE Document Type의 약자로, HTML이 어떤 버전으로 작성되었는지 미리 선언하여 웹 브라우저가 내용을 올바로 표시할 수 있도록 해주는 것. 으로 선언하는데 이걸 해주지 않으면 호환 모드로 동작함. 호환 모드의 경우 각 브라우저마다 문서를 나타내는 방식이 ..
프론트엔드 지식 - 프론트엔드 전반
github.com/baeharam/Must-Know-About-Frontend baeharam/Must-Know-About-Frontend :mortar_board: 취준생이라면 반드시 알아야 하는 프론트엔드 관련 지식들. Contribute to baeharam/Must-Know-About-Frontend development by creating an account on GitHub. github.com 위 사이트 보고 따라 타이핑하면서 공부 SPA와 MPA - SPA : 하나의 HTML 파일을 기반으로 자바스크립트를 이용해 동적으로 화면 컨텐츠를 바꾸는 방식의 웹 어플리케이션 - MPA : 사용자가 페이지를 요청할 때 마다, 웹 서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방..