본문 바로가기

분류 전체보기153

[공예] 축! 결혼 : 부케순이 선물만들기 ( 말린 꽃다발 유리돔 선물 ) 💞2022.10.22 토요일💞 좋은 날이라 그런지 연느님도 이날 결혼한다고 하더라ㅎㅎ 💐받은 부케💐 준비물, 사용설명서 ⚓북유럽 레트로풍 부케 유리돔 말린부케 선물 만들기 링크 👉 클릭 !⚓ 다이소에서 중간에 구비한 추가준비물 ( 철사는 굳이 샀다.) + 그 돈으로 예쁜 리본을 더 살걸. STEP 1. 꽃 잘 말리기 옷걸이에 잘 말려둔다(한달정도) + 사진 찍는데 방해하는 동생녀석의 초상권은 보호받지 못하지 STEP 2. 분류 한 꽃을 잘 조합하기 + 고무줄로 묶기 딩초시절 종이접기 6년 경력자.. 의 명예를 걸고 플로리스트에 빙의해본다.. 계속 꽃잎이 바스락 거리며 떨어져나갈 때마다 힘들었다. 머리 고무줄로 묶은뒤에 중앙판에 꽂을 단단한 줄기 하나만 남겨놓았다. (줄기 한개로는 부족한 듯 하다. 후에 .. 2022. 12. 17.
반응형 게시판 만들기 3 - 글 보기 페이지(+가상선택자를 이용해서 라인 만들기) https://www.youtube.com/watch?v=q9VbxQoR6go 결과화면 http://127.0.0.1:5500/list.html http://127.0.0.1:5500/view.html 파일목록 🔴list.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 번호 제목 글쓴이 작성일 조회 5 글 제목이 들어갑니다. 김아름 2022.12.16 33 4 글 제목이 들어갑니다. 김아름 2022.12.16 33 3 글 제목이 들어갑니다. 김아름 2022.12.16 33 2 글 제목이 들어갑니다. 김아름 2022.12.16 33 1 글 제목이 들어갑니다. 김아름 2022.12.16 33 목록 🔴view.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 글 제목이 들어갑니다. 번호.. 2022. 12. 16.
반응형 게시판 만들기 2 - 게시판 목록과 페이지 버튼 https://www.youtube.com/watch?v=HvrOnjX__jE 결과화면 🔴index.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 번호 제목 글쓴이 작성일 조회 5 글 제목이 들어갑니다. 김아름 2022.12.16 33 4 글 제목이 들어갑니다. 김아름 2022.12.16 33 3 글 제목이 들어갑니다. 김아름 2022.12.16 33 2 글 제목이 들어갑니다. 김아름 2022.12.16 33 1 글 제목이 들어갑니다. 김아름 2022.12.16 33 목록 🔵style.css * { margin: 0; padding: 0; } html { font-size: 10px; } ul, li { list-style: none; } a { text-decoration: none; c.. 2022. 12. 16.
반응형 게시판 만들기 1 - 전체 구조 설계, 타이틀과 버튼 스타일 https://www.youtube.com/watch?v=UbCpnAasblc 🔴list.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 목록 수정 🔵style.css * { margin: 0; padding: 0; } html { font-size: 10px; } ul, li { list-style: none; } a { text-decoration: none; color: inherit; /* ㄴ 컬러 상속받아라 */ } .board_wrap { width: 1000px; margin: 100px auto; /* 가로는 1000픽셀, 위아래로는 100픽셀 & 가운데정렬 */ } .board_title { margin-bottom: 30px; /* 공지사항 밑으로 30픽셀 여백 주는 것 *.. 2022. 12. 16.
◆인터페이스와 클래스 Contents 01 인터페이스 02 클래스 03 추상 클래스 ㅇㄹㅇ 인터페이스는 자바스크립트 코드로 컴파일되지 않는다.✨ 유의할 점 : 인터페이스는 객체에서만 사용할 수 있다. (너무나 당연하게 받아들이면 된다.) 👉 중괄호로 설계할 것이기 때문에. 2022. 12. 15.
리액트를 다루는 기술(1권)_5장까지 읽었다._20221214 수요일 리액트를 다루는 기술(1권) 오후 2022-12-14수요일. 5장까지 읽음. 리액트 이해 리액트는 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용합니다. 구조가 MVC, MVW 등인 프레임워크와 달리, 오직 V(View)만 신경 쓰는 라이브러리 리액트 프로 036 ... 사용자 화면에 뷰를 보여 주는 것을 렌더링. 리액트 라이브러리는 뷰를 어떻게 렌더링하길래 데이터가 변할 때마다 새롭게 리렌더링하면서 성능을 아끼고, 최적의 사용자 경험을 제공할 수 있을까요? 리액트 컴포넌트가 최초로 실행한 '초기 렌더링'과 컴포넌트의 데이터 변경으로 다시 실행되는 '리렌더링'개념을 이해해야 합니다. 1.1.1.2 조화 과정 리액트에서 뷰를 업데이트 할 때는 "업데이트 과정을 거치낟"라기 봗는 "조화 과정(re.. 2022. 12. 14.
◆TypeScript 시작하기 Contents 01 TypeScript란? 02 프로젝트 생성 03 TypeScript 문법 01 TypeScript란? ES5 에는 클래스가 없었다. ES6 ⊂ ESNext TS로 코 드를 만들면 JS 로 변환을 시켜주면 브라우저도 TS는 브라우저가 이해할 수 없기 때문에 컴파일 과정을 거쳐야 하는데, 컴파일이란? : 특정 언어의 코드를 다른 언어로 바꿔주는 과정을 말한다. 따라서 브라우저는 TS를 바로 해석하지 못하고 컴파일러를 별도로 설치해야한다. -g : 글로벌로 설치한다 : 컴퓨터 전역에 설치하겠다. , 즉 다른 곳에서도 타입스크립트 컴파일러를 설치한다. (다른 프로그램을 설치할 때도 들어갈 수 있는 옵션인다. ) 02 프로젝트 생성 npm install -g typescript : 타입스크립.. 2022. 12. 14.
display : inline vs inline-block vs block 1️⃣ display : inline 태그 안의 글자 길이만큼의 영역만 화면에 표시한다. inline을 default값으로 가지고 있는 tag: , , , , , , width, height 속성에 영향을 받지 않는다. 2️⃣display : inline-block inline과 같이 양 옆으로 화면에 나열할 수 있다. inline과 다른점은 width, height 속성을 통해 사이즈 조절이 가능하다. inline-block을 default값으로 가지고 있는 tag: , , , 3️⃣display : block inline과 달리, 새로운 줄로 시작하며 해당 줄의 가로를 다 차지한다. block을 default값으로 가지고 있는 tag: , , , , 2022. 12. 13.
20221212월요일 🔴 Code-Refactoring : 기능은 동일한데 , 코드의 구조를 바꾸는 것 (+추가검색) ㄴ리팩터링(refactoring)은 소프트웨어 공학에서 '결과의 변경 없이 코드의 구조를 재조정함'을 뜻한다. 1. 주로 가독성을 높이고 유지보수를 편하게 한다. 2. 버그를 없애거나 새로운 기능을 추가하는 행위는 아니다. 3. 사용자가 보는 외부 화면은 그대로 두면서 내부 논리나 구조를 개선하는 유지보수 행위이다. 🟡객체지향 프로그램 🟢Function : N(명사, 불러줌으로써) 로써 기능, 다른데서 사용가능 하는 것 🔵'자바스크립트는 객체 데이터 기반' 이라는 말의 이해 🔴함수도 하나의 객체라는 것 ✨ 🔵자료형과 & Primitive Data Types VS Non-Primitive Data Types에 .. 2022. 12. 13.
728x90
반응형