분류 전체보기12 [Node.js] 8/24 Node 수업 Flow (노드설치, 기본 셋팅) 1. KeyPoint 2. 수업 Flow 1. 수업 KeyPoint 🔑 프레임워크 컴파일 / 빌드 동기 / 비동기 2. 수업 FLOW ⌛️ 노드 설치 - node.js는 chrome V8 js 엔진 1 ) npm install -g n jangsaeyeong@jangseyeong-ui-MacBook-Pro ~ % n lts . . . Error: sudo required (or change ownership, or define N_PREFIX) Error: sudo(관리자모드로써 접근해주라)로 접근해볼래? jangsaeyeong@jangseyeong-ui-MacBook-Pro ~ % sudo n lts Password: installing : node-v16.17.0 mkdir : /usr/local/n.. 2022. 8. 28. [Node.js] 8/22 Node 수업 Flow 1. KeyPoint 2. 수업 Flow 1. 수업 KeyPoint 🔑 프레임워크 컴파일 / 빌드 동기 / 비동기 2. 수업 FLOW ⌛️ 프레임워크 1) 틀 / 구조 2) 처음부터 작성 하지 않아도 빠르게 작성할 수 있다. 3) 장점 - 보안성이 좋다. 4) 단점 - 자율성이 떨어진다. ( 내 마음대로 하기에는 정해진 것들이 있다-> 번거로울 수 있다. ) 5) 예시 - 부트스트랩: CSS 기반 프레임워크(프론트단) - 스프링: JAVA 기반 프레임워크(백엔드단) Q. 부트스트랩과 스프링을 같을 쓸 수 있을까요? A. 네. 가능합니다. 프론트/ 백엔드 기반이 달라요. - 자바를 알고 있다는 전제하에 추가적으로 스프링을 배우는 것이다. - 서버에 있어서 프레임워크 활용은 권장된다. ,ㅏ,ㅏ 컴파일 , 빌.. 2022. 8. 28. [github] 깃허브 프로필 꾸미기 + 라이브러리 사용 다이어리 꾸미기는 좋아하면서 깃헙 프로필은 너무 얌전히 둔것같아서 살포시 꾸며보기로 하였다. github 프로필 꾸미기 과정을 기록해보겠다! 깃헙 프로필 꾸미기 단계 1. 신규 레포지토리 생성 2. 내용 작성 2-1. 마크다운 작성법과 에디터 사용 2-2. 라이브러리 적용 2-3. 뱃지 생성 3. 리드미 저장 및 점검 1. 신규 레포지토리 생성 계정 이름과 동일한 레포지토리를 생성하면 ReadMe.md 파일을 통해 프로필을 꾸밀 수 있다. 내것은 이미 생성을 하여서 "그 이름의 레포지토리는 이미 있어!" 라고 빨갛게 알려주고 있다. Add a README File을 체크한다. 레포를 생성해준다. 2. 내용 작성 이제 생성한 레포의 리드미 파일에 내용을 작성한다. 2-1. 마크다운 사용법과 에디터 사용 .. 2022. 8. 28. [JavaScript] 일정 추가 과제 1) innerHtml, innerText, contentText 1. 과제 회고 2. 과제 FLOW 1. 과제 회고 🦄 과제 회고 🦄 잘한 것은 무엇인가? - e.target을 통해 선택한 요소의 값을 가져올 수 있었다. 잘못한 것은 무엇인가? - 새로운 값을 넣기 위한 target의 빈 변수값을 생각해내지 못했다. 무엇을 배웠는가? - 새로운 값을 넣기 위한 target을 담을 그릇이 필요함에 따라 빈 변수 선언에 대한 생각을 해 볼 수 있었다. - 안의 내용을 가져오는 방법과 그 차이점에 대해 알 수 있었다. - e.target을 통한 node 접근에 대하여 고민해볼 수 있었다. - append, appendChild, prepend를 사용한 추가 방법을 학습할 수 있었다. 🧩 아직도 안풀린 궁금증은 무엇인가? - target 값을 담기 위한 빈 변수를 선언하였는.. 2022. 7. 19. [HTML, CSS] background 속성 (+ Flex-grow 추가예정) 1. 과제 회고 2. 과제 FLOW 1. 과제 회고 🦄 과제 회고 🦄 잘한 것은 무엇인가? - 성급히 코드 치지 않고 특성을 생각하면서 하나씩 작은 단위로 생각하면서 작성하자는 목표를 지켰다. 잘못한 것은 무엇인가? - 화면 크기를 작게 해놓은 상태로 작업을 하였는데, 화면이 커졌을 때의 모습을 확인하지 않아서 주어진 과제와 다르게 된 점이 있었다. 무엇을 배웠는가? - grow와 basis를 이해하고 사용할 수 있었다. 아직도 안풀린 궁금증은 무엇인가? - 없다. 이전과는 어떻게 다르게 할 것인가? - 반응형을 위한 grow에 대한 생각을 해볼 것이다. 2. 과제 FLOW 📌 과제 - 주어진 링크의 페이지를 따라 만들기 - 과제의 세부 조건에 따라 작성하기 💬 계획 과제 페이지를 보고 html 구조를 .. 2022. 7. 19. [CSS] <table> 사용하지 않고 달력 만들기 / CSS text 속성 1. 과제 회고 2. 과제 FLOW 1. 과제 회고 🦄 과제 회고 🦄 잘한 것은 무엇인가? - 주어진 태그를 어떻게 사용할지 고민한 후 HTML 구조를 잡아보았다. 잘못한 것은 무엇인가? - 태그가 갖고 있는 기본 속성에 대해 파악하지 않고 CSS작업을 진행하였다. - 정해진 틀안에서 나만의 디자인 느낌을 입힐 수 있어서 즐겁게 작업하였다. 무엇을 배웠는가? - 태그가 갖고 있는 기본 속성에 대해 학습할 수 있었고, 문자 속성에 대해 복습할 수 있었다. 아직도 안풀린 궁금증은 무엇인가? - 가상 요소 선택자를 사용하여 CSS를 준 후 위치조절은 어떻게 하면 좋을까? - 텍스트가 들어간 div 와 들어가지 않은 div의 여백 및 위치 조절은 어떻게 하면 좋을까? 🧩 vertical-align참고 이전과는 .. 2022. 6. 25. 이전 1 2 다음
