- 전체보기(147)
- TIL(119)
- WeCode(44)
- JavaScript(34)
- deepdive(27)
- React(14)
- CSS(13)
- html(11)
- 코어자바스크립트(6)
- dart(6)
- typescript(5)
- 클린코드 자바스크립트(5)
- codekata(5)
- this(4)
- DOM(4)
- Event(4)
- reactnative(4)
- algorithm(4)
- class(3)
- pagination(2)
- interface(2)
- 실행컨텍스트(2)
- Constructor(2)
- async(2)
- 실전 리액트 프로그래밍(2)
- flutter(2)
- getter(2)
- setter(2)
- inheritance(2)
- display(2)
- git(2)
- position(2)
- refactoring(2)
- List(2)
- datastructure(2)
- westagram(2)
- promise(2)
- 변수(2)
- scope(2)
- semantic(2)
- callback(2)
- 회고록(2)
- http(1)
- DNS(1)
- linux(1)
- Flatlist(1)
- 배포(1)
- 비교연산자(1)
- browser(1)
- image(1)
- lifecycle(1)
- iterable(1)
- generator(1)
- iterator(1)
- validation(1)
- path(1)
- recursion(1)
- navigator(1)
- 도메인(1)
- datatype(1)
- 시간복잡도(1)
- PseudoClass(1)
- array method(1)
- primitive(1)
- reference(1)
- float(1)
- 프로토타입(1)
- text(1)
- 기업협업(1)
- 매개변수(1)
- await(1)
- useState(1)
- ReactHooks(1)
- revert(1)
- defaultProps(1)
- for(1)
- SOLID(1)
- 네트워크(1)
- export(1)
- graphql(1)
- string method(1)
- ip(1)
- webpack(1)
- frontend(1)
- method(1)
- Flexbox(1)
- layout(1)
- 생성자함수(1)
- selector(1)
- 인터넷(1)
- 조건문(1)
- OAuth2.0(1)
- cli(1)
- 반복문(1)
- https(1)
- bundler(1)
- const(1)
- let(1)
- var(1)
- 클로저(1)
- repeat(1)
- 초기설정(1)
- regex(1)
- Algorithum(1)
- 비트 연산자(1)
- combination(1)
- async/await(1)
- String(1)
- key(1)
- Navigator 2.0(1)
- fontawesome(1)
- BFS(1)
- HashTable(1)
- eventhandler(1)
- State(1)
- Sort(1)
- 함수(1)
- arrow function(1)
- Preprocessor(1)
- if문(1)
- Enum(1)
- reset(1)
- 모바일앱(1)
- PseudoElement(1)
- Expo(1)
- 프로젝트 후기(1)
- memory(1)
- boxmodel(1)
- transition(1)
- TypeGuard(1)
- restapi(1)
- data(1)
- 명령어(1)
- Table(1)
- 재귀(1)
- array(1)
- form(1)
- super(1)
- developer tools(1)
- Defer(1)
- github(1)
- render(1)
- JSX(1)
- slice(1)
- babel(1)
- Map(1)
- styled component(1)
- DFS(1)
- template literal(1)
- 프로퍼티어트리뷰트(1)
- Props(1)
- override(1)
- time(1)
- Date(1)
- grid(1)
- backgroundimage(1)
- redux(1)
- closure(1)
- set(1)
- emmet(1)
- gui(1)
- import/export(1)
- LiteralType(1)
- pwa(1)
- 스레드(1)
- permutation(1)
- sop(1)
- function(1)
- 정규표현식(1)
- 프로세스(1)
- object(1)
- 배열(1)
- cors(1)
- component(1)
- variable(1)
- 동기/비동기(1)
- 웹의 동작 원리(1)
- import(1)
- video(1)
- compiler(1)
- dynamic routing(1)
- 전처리기(1)
- Graph(1)
- debugger(1)
- Symbol(1)
- hyperlink(1)
- merge(1)
- rebase(1)
[Wecode] Westagram project
👊🏻 Westagram 프로젝트 후기 [Project] 기간: 2020.10.07 ~ 2020.10.14 사용 스택: . React . React-Router-Dom . JavaScript . SASS . html/css 목표: . Jav
[Wecode] Westagram - 메인 페이지 (JavaScript)
1차: 메뉴 박스 뿔(?) 없이 생성2차: 메뉴 박스 뿔! 추가1차: HTML tag 추가를 위해 tag 요소를 생성, className 부여, appendChild 붙여넣기 ctrl+c,v 신공 😭2차: 필요한 최소한의 정보만 변수로 저장하고 고정 format의 t
[Wecode] Westagram - 로그인 페이지 (JavaScript)
지금까지 배운 지식을 바탕으로 Instagram을 clone 해보았다. 아는 내용이 부족해 구현하는데 애를 먹었고, 어느 정도 추가 기능까지 구현하고 나서는 휴 해냈다!라는 마음이 있었는데.... 다른 분들과 로직을 비교해보니 아직 부족한 점이 많아서 몇 가지 아쉬운
[TIL] HTML/CSS/JavaScript 초기 설정
. 템플릿 설정하기: HTML 작성시 매번 공통적으로 작성하는 초기 셋팅 값을 설정 해야한다. VS cdoe 사용자라면 입력할 수 있으니단축기를 기억하자 ! + tab . CSS 기본 설정값 초기화하기: 모든 웹브라우저는 기본적으로 설정된 셋팅값이 있기 때문에 개발자가
repl.it 20 Semantic Web, Semantic Tags
🔒 Question.1 "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." 🔓 Answer 개발자는 항상 semant
repl.it 18-2 Layout의 모든것?
Display css 속성은 html의 block level의 요소들의 layout을 제어할 때 사용하는 property이다. block level의 요소들의 layout을 좀 더 세밀하게 제어할 때 사용하는 property이다. 기본적으로는 text와 img의
[HTML] Emmet plug-in
참조: https://emmet.io/, https://youtu.be/m7wsrVQsVjI. HTML 양식 작성: ! + tab. tag 작성: tab 이름 + tab. tag + class 작성: .class + tab / . parent + ch
[HTML] Semantic
. semantic 요소는 open/close tag안에 정보를 제공하여 웹페이지의 유기적인 구조를 더 알기 쉽게 도와주며 사용자의 접근성을 높혀준다.(\*SEO). header: h1~6의 정보를 담을 수 있는 tag. nav: navigation link, 메뉴 혹
[HTML] Form
form이란? . form: form은 정보를 수집하기 매우 좋은 도구로 action이 처리되는 위치와 처리방식을 정의해주어 사용한다.
[HTML] Table
2. 각 Code의 용도 및 목적 ※Table 표현 방법 . table: table을 입력 할 때 사용한다. . tr: table raw, table에 행을 추가 할 때 사용한다. . td: table data, table에 cell 값을 입력 할 때 사용한다.
[HTML] 텍스트,리스트,이미지/비디오,하이퍼링크
1. HTLM이란? . HyperText Markup Landuage (HTML 코드 작성시 가독성을 위해 들여쓰기 구분이 중요하다.) 2. 각 Code의 용도 및 목적 . !DOCTYPE html : html5의 선언문, Vesion별로 차이가 있다. (V