분류 전체보기 259

[Front-End] Web APIs / DOM / CSSOM / CSS Triggers /

load => after resources : css images파일 다 로드되면 DomContentLoaded => html만 로드되면 defer를 쓰거랏 Understanding the Critical Rendering Path Introduction Lorem ipsum dolor sit amet Copyright 2017 HTML Critical rendering path의 이해 아래의 글은 "Understanding the Critical Rendering Path"의 내용을 번역한 글이다. 브라우저가 서버에서 페이지에 대한 HTML 응답을 받으면 화면에 표시되기 전에 많은 단계를 거쳐야 한다. 브라우저가 페이 blog.asamaru.net 브라우저가 서버에서 페이지에 대한 HTML응답을 받으면..

[React] Front-End 2021.04.27

[Front-End] HTML / CSS / Web APIs

앨리의 드림코딩 공부할 예정 개발 실력 향상을 위한 공부법 1. 우리는 모든 것을 다 알지 못한다. -> 다 모른다고 좌절 금지 -> 한번에 모든 것을 공부하려고 하면 지침 2. 문제 해결 능력 연습이 중요하다. -> 이해하면서 문제를 어떻게 해결하고 검색할 수 있는지 연습하는게 더 중요 3. 능동적으로 강의를 들어야함 -> 해보세요. 생각해보세요. 할 때 직접해야함 진짜. 4. 이해를 먼저 하고, 노트를 정리해라 -> 강의에 나온 모든 소스코드와 내용을 작성 X -> 일일이 세세한거 노트 정리 X -> 이해를 먼저 하고 원리를 이해하면 외울필요없음 -> 노트에는 정말 헷갈리거나 아! 하는 것, 유용한 것 위주로 정리 Web APIS 브라우저는 어떻게 구조가 생김? 브라우저에서 웹사이트를 어떤 순서로 로..

[React] Front-End 2021.04.23

ASYNC와 DEFER / ECMAScript / SPA / DOM / W3C

blog.asamaru.net/2017/05/04/script-async-defer/ 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. 그래서 DOM이 정확히 뭐라고요? 옳은 것을 모두 골라보세요." data-og-host="velog.io" data-og-source-url="https://velog.io/@godori/DOM%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80" data-og-url="https://velog.io/@godori/DOM이란-무엇인가" data-og-image="https://scrap.kakaocdn.net/dn/bc39UX/hyJNVzM..

[React] Front-End 2021.04.07

API 개념

다양한 기기에서 서버에 있는 데이터를 읽고 쓰기 위해서는 서버에서 제공하는 WebAPI를 통해서 처리할 수 있다. 네트워크에서 기기들간에 의사소통해나가는 규격사항을 HTTP라고함 이런 WEB API를 어떻게 만들 것인지 정의하는 것이 있다. 그게 바로 SOAP이라는 모든 네트워크의 요청과 반응을 HTML처럼 생긴 XML이라는 데이터 포맷에 저장해서 주고받았다면, -> 요즘은 REST가 보편적으로 많이 사용되어진다. REST에는 총 4가지로 구성되어져있다. POST : CREATE GET : READ PUT : UPDATE DELETE : DELETE 서버에 request하면 서버가 클라이언트에 response(ex. user data) (JSON) 클라이언트에 있는 데이터를 읽어오거나 업데이트할 수 있다..

[WEB] 2021.04.06

[DFS] 개념이해 및 Programmers lv.2 타겟넘버 (자료구조)

개념 이해 자료구조란? [Data Structures] 자료구조란? 나쁜 프로그래머는 코드를 걱정한다. 좋은 프로그래머는 자료구조와 그 관계에 대해 걱정한다. medium.com 자료구조 트리선회 [Data Structures] 트리선회 (DFS & BFS) 자료구조 중, 트리의 각 노드를 한 번 씩 방문하는 것을 트리 순회(Tree traversal)라고 한다. 아래와 같은 트리 구조에서 방문했던 노드를 재방문 하지 않고 효율적으로 전체 순회를 하기 위해서는 medium.com - DFS 알고리즘은 트리로 이해하는 것이 가장 쉬움 - 트리에서 Depth를 내려갔다가 다시 올라가고 for문과 섞여 있어서 이해하기 쉬움 - 재귀함수 호출을 depth(깊이로) 경우의 수를 Breadth(너비)로 생각해보아라..

[Swift/iOS] Functions and Return / Typealias / Compound Type

Function Terminology function: isn't part of class or structure free function: it's free because it's not owned by a named type like a structure or a class method: part of class or structure let passingGrade = 50 let chrisGrade = 49 let samGrade = 99 let chrisPassed = chrisGrade >= passingGrade let samPassed = samGrade >= passingGrade //------------------------------------ // default value가 있으면 ..

Sets

dSets Don't store duplicate value Sets aren't ordered Dictionary와 뭐가 다른가? Duplicate Value를 넣어도 Swift가 무시함 constant로 선언하면 아무 요소도 삽입할 수 없음 let someSet: Set remove도 쓸수 있고 실행할 때마다 순서 달라짐 intersection symmetricDifference 를 통해서 교집합 / 다른 부분 / 유니언 모두 구할 수 있음 someSet은 바뀌고 anotherSet은 지나가는건 안바뀜 Discussion If the set already contains one or more elements that are also in other, the existing members are kep..

[iOS/Swifit] Dictionary 사용법

Dictionary A collection whose elements are key-value pairs. Creating and Populating Dictionaries Dictionaries Keys can be any type Keys have no order - key는 중복이 올 수 없음 - unique 여야함 - different keys는 같은 values를 가리킬 수 있다. (Different keys can point to the same value) - all the keys / all the values 는 타입이 각기 타 같아야한다 Arrays Indexes must be Ints Indexes must be sequential Dictionaries Examples var emp..