코딩하는 감자

코딩을 한다 = 프로그래밍 언어를 이용한다 1. 언어 기계어 : 0 ,1로 이루어진 명령어, 컴퓨터(os)가 읽을 수 있음 어셈블리어(저급언어) : 기계어에서 숫자를 의미 있는 단어로 바꿔서 사람들이 이해할 수 있도록 만든 언어 프로그래밍언어(고급언어) : 사람이 쉽게 이해하고 작성할 수 있는 언어 2. 컴파일 컴퓨터는 프로그래밍 언어를 읽을 수 없으니 기계어로 번역되어야 한다 => 컴파일한다(빌드한다) 1) 컴파일 언어 코드를 한 번에 컴파일한 후에 실행파일을 만드는 컴파일 방식 컴파일 단계와 실행 단계가 분리되어 있음 => 실행 시 컴파일 과정을 거치지 않기 때문에 실행속도가 빠르지만 규모에 따라 컴파일 시간이 오래 걸릴 수 있음 exe실행파일, 모바일앱 C언어, Java 2) 인터프리터 언어 실행하..

컴퓨터들끼리 서로 연결이 돼서 통신하는 것 컴퓨터끼리 연결된 후 0,1 신호를 보내며 소통함 연결이 완료된 후에 요청을 보내면 OS가 해석 클라이언트: 요청을 하는 주체 ex) 브라우저 서버 : 요청을 받아 정보를 주는 주체 ex) 서버 1) 물리적 관점의 네트워크 랜선, 랜카드 - 랜카드: 네트워크 안에서 컴퓨터 간의 통신을 할 때 사용하는 장비, 랜카드를 설치하면 랜선이 꽂히는 포트가 생김 - 랜선의 경우 광케이블이란걸 사용하게 되는데, 이 광케이블은 0,1이라는 컴퓨터용 신호를 빛으로 변환해서 전송하게 됩니다. 그리고 다시 그 빛이 0,1이라는 전기적 신호로 변환 무선WIFI - 무선랜카드 : 해당 기기가 있는 곳 주변의 일정 영역에서 랜선 없이도 통신이 가능하도록 함 - 유선 인터넷 연결 정보를 ..

다시 개발공부를 시작하면서 가볍게 듣기 좋은 강의를 찾다가 발견한 강의, 가볍게 it관련 정보부터 지식까지 훑어보기 좋아서 비전공자라면 추천! ! 강의 링크 : https://class101.page.link/yNrA 개발자가 되고 싶은 당신을 위해, 개발자가 되는 로드맵 A to Z | 그랩 클래스 소개 영상 개발자가 되고 싶은데, 어떻게 시작할지 막막하세요? 첫번째, 개발자가 되고 싶은데 뭐부터 해야할지 모르겠어요. 두번째, HTML이나 파이썬 같은 쉬운 것부터 코딩을 하는게 맞 class101.net 아래내용은 강의 커리큘럼만 참고하여 추가 조사하여 정리한 내용이니 강의는 직접 찾아보길 추천합니다! 아래 개념정리는 계속하여 추가할 예정 :) CHAPTER 2 컴퓨터 시스템의 핵심 - OS 컴퓨터 간..

1. 하드웨어 1) CPU 0과 1로 이루어진 명령신호를 처리하는 장치 프로그램의 명령어를 해석해서 0,1로 이루어진 연산처리를 하고 제어하는 역할 2) Memory(메모리) CPU가 명령을 처리할 때, 옆에서 기억해주는 역할 컴퓨터가 꺼지면서 메모리가 꺼지면 정보들이 삭제됨 = 단기 기억용 3) 디스크 영구적으로 저장되어야 할 것들을 보관하는 곳 하드디스크, ssd,,, 2. OS Operating System, 운영체제, 다른 응용프로그램이 유용한 작업을 할 수 있도록 환경을 제공 컴퓨터 시스템의 자원들을 효율적으로 관리하며, 사용자가 컴퓨터를 편리하고, 효과적으로 사용할 수 있도록 환경을 제공하는 여러 프로그램의 모임 컴퓨터 사용자와 컴퓨터 하드웨어 간의 인터페이스로서 동작하는 시스템 소프트웨어의 ..

💡 공동 작업에 최적화된 마크업 언어 (ex) README.md 특징 문서를 전산화 할 때 사용 다수가 원격으로 작업할 때 유용 문법이 간단하고 확장성이 좋음 표준이 없고 모든 HTML 마크업을 대신하지는 못함 깃허브 리드미에 주로 사용 https://www.markdownguide.org/ Markdown Guide A free and open-source reference guide that explains how to use Markdown. www.markdownguide.org 문법 1. 제목 # Heading1 ## Heading2 ### Heading3 #### Heading4 ##### Heading5 ###### Heading6 2. 글자서식 **bold** **bold** this is..

💡 자바스크립트 객체 문법을 따르는 데이터 포맷 (.json) 특징 자바 스크립트 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷 다른 언어 및 플랫폼에서 해석이 가능 텍스트 기반으로 구성되어 읽고 쓰기가 쉬움 용량이 적어 데이터 전송 및 처리 속도가 빠름 보안에 취약할 수 있음 문법 배열, boolean, null , 숫자, 객체, 문자열 o / 메서드 x { "name": "jieun", "age": 1, "skills": ["JavaScript","JAVA"], "is_alive": true } 파싱(Parsing) : 문자열 → 객체 let obj=JSON.parse(json) //JSON을 객체로 let json=JSON.stringify(obj) //객체를 JSON으로 /..

Node.js Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임 🔔 런타임: 특정 언어로 만든 프로그램을 실행할 수 있는 환경 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능 이벤트 기반 libuv 라이브러리 사용 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식 이벤트가 발생하면 리스너에 등록해둔 콜백함수를 호출 이벤트가 끝난 후 노드는 다음 이벤트가 발생할때까지 대기 이벤트 루프 여러 이벤트가 동시에 발생했을 때 어떤 순서로 콜백함수를 호출할지 이벤트루프가 판단 이벤트 종료까지 처리작업을 반복하기 때문에 루프라고..

React 복잡한 코드를 숨기고 사용자 정의 태그(컴포넌트)를 만들어 부품처럼 사용할 수 있도록 해줌 1. 개발환경 - node.js 설치 - vscode를 사용하여 개발 - 터미널에 npx create-react-app my-app 입력 - 설치가 완료되면 npm start로 시작 🔔 npm: 자바스크립트를 위한 패키지 관리자, 런타임 환경 Node.js의 기본 패키지 관리자 이다. - index.js 파일에 코드를 작성 , 각 기능을 구현한 여러 js파일을 import하여 사용 - npm run build : 배포판을 생성 - npx serve -s build: 배포 서버를 생성 2. 컴포넌트 생성 컴포넌트(함수형) 이름은 대문자로 시작 컴포넌트 생성 전 코드 //기존의 코드 function App(..

React 공식 홈페이지: https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 1. React? 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리 프론트엔드 라이브러리: 동적인 웹페이지를 효율적으로 관리하기 위해 사용 배우기 쉽고, 복잡함이 적음 복잡한 UI를 쉽게 구성하도록 도와줌=> 사용자의 View에 초점 선언형: 높은 생산성을 보장 컴포넌트 기반 : 여러 부분을 분할하여 코드의 재사용성과 유지보수성을 증가 🔔 컴포넌트: 하드웨어처럼 독립적인 기능을 수행하는 단위 모듈, re..

서버사이드렌더링(SSR) 클라이언트사이드 렌더링(CSR) 1. 서버사이드렌더링(SSR) - 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법 - 페이지를 이동할때마다 새로운 페이지를 요청 - 모든 탬플릿은 서버 연산을 통해서 렌더링하고 완성된 페이지 형태로 응답한다. 🔔렌더링(rendering): 요청받은 내용을 서버에서 받아 브라우저 화면에 표시하는 것 - MPA(multi page application)의 방식으로 사용됨 🔔MPA: 전통적인 웹 애플리케이션 개발 방식, 여러개의 페이지로 이루어진 앱 검색 엔진 최적화(SEO) 🔔 SEO(Search Engine Optimization) - 검색엔진으로부터 웹사이트 트래픽의 품질과 양을 개선하는 과정 - 검색엔진의 방식에 맞게..