분류 전체보기127 [TIL] 2022.12.01 DOM DOM 브라우저가 HTML을 해석하면서 object로 만드는 것을 parsing이라고 한다 object로 만드는 이유는 자바스크립트가 해석할 수 있도록 하기 위해서! 해석한 결과가 DOM Tree를 구성 DOM이란? Document (= HTML) 을 Javascript가 알아먹을 수 있는 Object 형태로 Modeling 한 거! DOM이 브라우저에 내장되어 있기 때문에 우리가 HTML 파일의 내용을 JS로 접근, 제어 할 수 있다 모든 DOM의 node들은 속성과 메소드를 가지고 있다. (node : 마디, 교점) 메소드 : 어디에 접근해서 제어하기 위한 것, 호출의 주체(.앞에 있는 객체)가 있다! 함수는 주체가 없다! childNodes로 가려면 인덱스를 항상 지정! *직접적으로 접근하려면 선택.. 새로운 경험 2022. 12. 1. [TIL]2022.12.01 요새 너무 우울한데 이유를 잘 모르겠다 갑자기 다 싫증나고 무의미하게 느껴지고 또 그러네~ 배운것 : DOM 강의 듣고 DOM이 대충 뭔지, class와 id값의 차이는 무엇이고 어떻게 불러오는지 대충 감은 잡은 것 같은데 아직 명확하게 안개가 걷힌 느낌은 아니다. 새로운 경험 2022. 12. 1. [TIL]2022.11.30 리액트 컴포넌트를 만드려면 함수 형태 함수 이름은 대문자로 시작 리턴하는 것은 컴포넌트가 UI에 어떻게 표기될것인지 명시하는 JSX 문법 사용해서 반환하기 컴포넌트는 꼭 하나의 태그를 반환해야 한다, 다수의 태그를 반환하고 싶으면 부모태그로 감싸야 한다 class를 사용할 때는 className을 사용해야 한다. JSX는 자바스크립트에서 작성하는 문법이기 때문에 중간 중간 JS를 작성할 수 있다. 다만, JS를 작성할 때는 중괄호로 묶어줘야 한다. 자바스크립트만의 특별한 for문 -> in, of const result = ['one', 'two', 'three']; for (let item in result) { console.log(item) // --> index 0, 1, 2 출력 } for (l.. 새로운 경험 2022. 11. 30. 컴포넌트(components)? 리액트는 컴포넌트들의 집합체. 좋은 컴포넌트란 독립적이며 고립되어있고 재사용성이 있어야한다. 그럼 어떤 단위로 컴포넌트를 나눠야 하나? 2가지 기준. 💨재사용성(DRY) Don't Repeat Yourself ex) 자주 사용되는 버튼을 컴포넌트로 만들어둠. 버튼 이름을 바꿀 수 있게 한다면 재사용성 up ! 💨💨단익책임(SR) Single Responsibility ex) Article. 비록 다른 웹페이지에서 재사용할 일이 없더라도 한 컴포넌트 안에서 너무 많은 UI 또는 Logic이 들어 있다면, 이것들을 조금 더 작은 단위로 한 UI에서는 하나의 Domain만 보여줄 수 있도록 잘게 쪼개서 컴포넌트를 만들수 있다. 새로운 경험 2022. 11. 29. 라이브러리? 프레임워크? 정확하게 구분 가능? 프레임워크 : 무언가를 만드는 데 필요한 '모든것들'을 제공하는 것. ex ) 웹프레임워크 : UI , Routing, HTTP Clients, State Management 정해진 틀. 골격과 재료 모두 다 갖추어져 있기 때문에 그 틀 안에서 원하는 것들을 만들어 나가는 것. Frameworks ❗ Angular, Android Vue 또한 프레임워크에 속하지만 조금 더 경량형 프레임워크. 일부는 제공되지 않기 때문에. 그래서 그게 뭔데 ? 어떻게 쓰고 뭔 차이야? 단점은 없어? 💨 프레임워크에서 규정되어 있는것들만 사용해야하기 때문에 그 모든것들을 공부해야 하기 때문에 진입장벽이 높은편. 정해진 틀에서 정해진 규칙만 따라야하기 때문에 추가 옵션이 없다. 자율성이 떨어진다. 라이브러리 : 큰 골격이나 .. 새로운 경험 2022. 11. 29. [KPT]2022.11.18~2022.11.28 미니프로젝트2 SPA 구현 1. Keep Git을 활용해서 협업한다. 와이어프레임할 때 각각 아이디어를 공유하여 취합에 용이하게 한다. 매일 일정한 시간에 진행 상황을 공유한다. 어려운 점을 돕는다. 아이디어가 필요할 때 생각나는 게 없다면 검색이라도 한다. 밤을 새지 않는다. 악순환을 방지한다. 깨어있는 시간에 활용을 최대치로 한다. 시간대별로 무얼 했는지 기록한다. 2. Problem 자바스크립트에 대한 기본이 부족하니까 코드 스니펫이 있더라도 이해하고 적용하는게 어렵다. 자바스크립트를 잘 모르니까 원하는 소스 베껴오지 않고 자력으로 만들기 힘들다. Git 사용이 아직 매우 미숙하다. 리팩터링에 대한 기초가 없어 소스코드가 깔끔하지 못하다. 3. Try css, html 등 웹 퍼블리싱 공부하기 웹, 앱을 이용할 때 어떤 식으.. 새로운 경험 2022. 11. 29. [WIL]2022.11.21~11.27 /스파르타코딩클럽-내일배움캠프(항해99 국비ver)4주차. 무엇을 배웠나? CS : SPA, SSR, CSR 코딩개념 : 바닐라코딩에 대한 개념. 바닐라 코딩의 필요성. 라이브러리, 프레임워크에 대한 개념. 알고리즘 - HTML / CSS - 드롭다운 기능 구현. 메인페이지 탑바 구성과 드롭다운 기능 구현을 시도해보며 HTML과 CSS 활용도 및 이해도가 개선됨. 부족한점? CS : -프로세스, 쓰레드, 동기/비동기에 관한 특강을 들었으나 개념 정리가 하나도 되지 않았음. 추가적으로 혼자 공부하며 정리하는 과정이 필요함을 느낌. 직접 프로젝트에 참여했음에도 사실상 얻는 것이 별로 없었음. 문법 : 알고리즘 : 4GE (Four growth experiences) 정신적 성장 : - 오래 앉아 있는 인내력. - 팀원들과 소통하며 타인에 대한 이해심과 이타심. - .. 새로운 경험 2022. 11. 29. [TIL]2022.11.29 축구 괜히봤다 새로운 경험 2022. 11. 29. [TIL]2022.11.26 Field 접근제어자(캡슐화) Javascript // 접근제어자 - 캡슐화 // #field는 외부에서 접근이 불가능함. ex ) apple.#name = '오렌지'; // 한 번 만들어진 다음에 외부에서는 변경이 불가능하게 만들고 싶다면 사용 ! // 다른 프로그래밍 언어에서는 public(외부접근가능), private(외부접근불가), protected(상속된 자식 클래스에서만 접근 가능) 이 세가지를 이용하여 접근제어 컨트롤 가능. // Javascript에서는 이러한 키워드가 없음! // 대신에 기본적으로 public상태. private를 원한다면 #을 붙이면 됨 ! 새로운 경험 2022. 11. 26. [TIL]2022-11-26 객체 지향 프로그래밍? 클래스(class)? Javascript MDN class : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/class class - JavaScript | MDN class 선언은 프로토타입 기반 상속을 사용하여, 주어진 이름의 새로운 클래스를 만듭니다. developer.mozilla.org 프로그래밍을 할 때 그냥 절차적으로 프로그래밍을 하는 것이 아니라 서로 밀접하게 연관있는 것들을 객체로 구성해 나가면서 객체끼리 서로 호환 가능하도록 할 수 있는 것을 객체 지향 프로그래밍이라 한다 ! 중요한 포인트 ! 자바스크립트 내부 구현사항은 프로토타입을 이용하여 생성자함수를 지원하는것 ! 개발자 입장에서 객체를 손쉽게 만들어내려면, 생성자함수라는 것을 이용해야함.. 새로운 경험 2022. 11. 26. [TIL]2022.11.24 말은 하지 않았지만 오늘 하루 종일 몸이 너무 안 좋아서 너무너무 힘들었다. 첫 번째로 먹고 있는 약이 다 떨어져서 먹지 못했고 두 번째로 예전에 치료했던 치아 3곳에 문제가 생겨서 토요일 즈음에 치과도 방문을 해야한다. 하루 종일 제대로 된 학습을 하지 못 했다. 이런 날이 가장 아쉽고 안타깝다. 새로운 경험 2022. 11. 25. [TIL]2022.11.23 당근마켓 클론코딩 강의를 3만 5천원 주고 샀다. 애플코딩의 당근마켓 클론코딩하기 클래스다. 봤다. 내가 원한건 좋아요 버튼 구현이었는데 그 부분은 쏙 빠져있다. 돈을 날린 기분이다. 실제로 가격대비 컨텐츠 자체가 너무 창렬이다. 나의 소비원칙에 의거하여 블랙프라이데이 + 셀프연말선물로 Udemy강의를 구입했다. 내 평생 이 많은 강의를 다 완강할 수 있을지는 의문이지만 분명히 유용하게 활용될 것은 확실하며 나에게 돈을 벌어다 줄 소비임에는 틀림 없기에 합리적 소비라 생각한다. 새로운 경험 2022. 11. 23. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음 💲 추천 글