개인공부6 C 기초 C언어는 main()함수를 기본으로 여러가지 명령코드와 함수들을 바탕으로 작성됨 함수나 작은 단위의 부프로그램 형태로 코딩함 부프로그램 하나의 프로그램을 구성하는 여러 작은 단위의 프로그램으로 일련의 명령문을 모아두어, 외부에서 호출할 수 있게 함 main() 소스코드 사용자의 코드, 컴파일러에 의해 번역되기 컴파일러 고급언어(C, C++)를 기계어로 번역함 헤더파일 #include의 형식을 가짐 stdio 표준 입출력의 약자 main() 함수 이전에 작성!! printf() 함수를 사용하기 위해선 선언 필요 자료형   오버플로 메모리 .. 2021. 5. 7. FE 기술 공부 1탄 1. DOM 웹 문서의 프로그래밍 인터페이스(웹 브라우저가 이해할 수 있는 구조) 모든 요소와 속성들이 개체를 형성하고, 트리 형태로 구성됨 DOM 형성 과정 HTML을 파싱받아 DOM 트리 생성 CSS파일을 파싱받아 CSSOM 트리 생성 위 둘을 결합하여 Render 트리 생성 [참고] css에서 display: none 일 경우, Render 트리에서 제외됨 [참고] css에서 visibility: invisibe일 경우, Render 트리에 포함됨 웹 브라우저의 스크린에서 각 개체들의 위치와 크기 계산 각 개체들의 텍스트, 색상 등을 적용하여 실제 우리가 보는 화면을 구현 2. Virtual DOM 실제 DOM의 복사본 JavaScript에서 구현됨 Virtual DOM 작동 과정 DOM의 개체들이.. 2021. 4. 7. useState에서의 Array(배열) 데이터 수정·추가 방법 요구사항 초기화면은 모두 down이어야함 4개의 down 버튼 중 하나를 누르면 up으로 변함 다른 down 버튼을 누르면 해당 버튼은 up으로 변하고 나머지 버튼은 down으로 변함 1. 우선 value로 false값을 가진 배열을 useState로 선언한다. amount는 props으로 받아온 숫자형 데이터값입니다. ex) 4 const [myArray, setMyArray] = React.useState( Array(amount).fill({ value: false }), ); 2. 해당 배열을 렌더링하여, value값에 따라 down, up으로 변하는 조건문을 만들어준다. const myLi = myArray.map((data, index) => ( clicked(index)} onKeyDown=.. 2021. 4. 4. [React] 함수형 컴포넌트에서의 constructor 구현 필자는 React에서 함수형 컴포넌트만 사용한다. 다른 class나 const의 코딩 방식보다 코드가 간결하고 직관적이라 생산성이 높다고 생각하기 때문이다. 하지만, function에서 class에서의 constructor를 대체하는 기능은 따로 없다. 따라서 이를 99% 구현하는 방법을 소개하고자 한다. 우선 constructor는 다음의 목적과 방식으로 사용된다. state 초기화 해당 인스턴스에 이벤트 바인딩 해당 돔이 마운트되기 전에 실행되는 것 수명주기 동안 단 한번만 실행 즉, 다른 것들보다 먼저 실행되어야 하고 렌더링 전에 실행되어야 한다는 것 하지만 함수에서는 수명주기라는 것이 없다. 그냥 실행되는 것일뿐.. 따라서 constructor를 대체하는 기능이 없는 것은 그야말로 자연스러운 것이.. 2021. 3. 27. [React] Delete '␍' prettier/prettier 버그 해결방법 React에 eslint, prettier 적용할 때 발생하는 버그 root폴더에 .eslintrc.js 혹은 eslintrc.json 내부에 다음의 'prettier/prettier' 코드를 작성하면 해결 가능 rules: { 'prettier/prettier': [ 'error', { endOfLine: 'auto', }, ], }, 2021. 3. 27. Vue.js란 / 기초 개념 위주 Vue.js 컴포넌트 기반의 SPA를 구축하는 웹 프론트엔드 프레임워크 컴포넌트 웹을 구성하는 UI 요소들(로고, 메뉴바, 버튼, 모달창 등) 재사용성을 위해 구조화됨 SPA 단일 페이지 어플리케이션 하나의 화면에서 필요한 CSS, JS를 다 로딩한 상태(초기 로딩이 있다)에서 사용자 입력에 따라 변경될 부분만 리로딩됨 UX 및 성능의 개선 가능 빠른 페이지 변환 높은 반응성 낮은 트래픽 Vue Router // router.js 생성 import Vue from "vue"; import VueRouter from "vue-router"; // 표시할 컴포넌트 불러오기 import Home from "./views/Home"; import About from "./views/About"; Vue.use(.. 2021. 3. 26. 이전 1 다음
