199.91.42.6

4학년을 복학하기 전에, 2학년때 배운 컴퓨터 구조와 운영체제를 복습하고 싶은 열망이 있었는데, 마침 딱! 한빛미디어에서 주최하는 혼공족 스터디에 감사하게도!! 참여하게 되었다! 간만에 잡은 소중한 기회인만큼, 조금 오래 방치해둔 이 개발 블로그를 다시 살릴 겸, 전공수업 듣는 것처럼 또 열심히 공부해보고 싶다!🔥 어쩌면 다음 기수에도 또 할지도..?ㅎㅎ🤭 아무튼, 첫주차에는 혼자 공부하는 컴퓨터 구조 & 운영체제라는 책의 챕터 1~3장을 공부하는 것과 문제 몇개를 푸는 것이 미션인데, 컴퓨터 구조를 알아야하는 이유 및 컴퓨터 구조에 대한 큰 그림, 그리고 컴퓨터를 어떻게 작동시키는지!를 알 수 있었다ㅎㅎ 아래는 내가 이번주에 혼공컴운 책을 통해 공부한 것을 정리한 내용이다! 그리고 아래는 이번 주 미션..

문자열 처리 - 두 문자열을 합치고 싶으면, ' + ' 기호 이용!! - 문자열의 길이를 구하고 싶으면, len() 함수 이용 ex) s = 'love' print(len(s)) = 4 - 여러 줄에 해당하는 문자열이 필요한 경우, 변수를 선언할 때 문자열 앞뒤로 따옴표를 3개씩 감싸면 된다! 여러 줄을 주석처리할 때와 비슷하다. ex) s = '''love is not permanent''' 문자열 메소드 * 메소드(Method)란? : 클래스 내에 정의된 어떤 동작, 기능을 하는 코드들의 묶음 (쉽게 말해 기능!) - 문자열 메소드 사용방법 : 문자열.메소드이름(...) * 다양한 문자열 관련 메소드 print(letter.lower()) #모든 내용을 소문자로 print(letter.upper())..

Boolean - Boolean 자료형 : True나 False 중에서 하나의 값을 가짐! 참이면 True, 거짓이면 False. 값이 있으면 True, 값이 없으면 False - 형 변환 중에 boolean으로 바꾸는 형 변환도 있음! bool( ) * bool( )은 값이 있으면 True, 값이 없으면 False로 변환됨! - 값이 있다, 없다를 판단하는 기준 : 문자 자료형의 경우) 'hello' (값 O), ' ' (값 O), '' (값 X) : 숫자 자료형의 경우) 0이 아닌 모든 수는 True, 0은 False : None (-> '값이 없음'을 의미)은 False 주석 실제로 읽지는 않지만, 참고하기 위해 적어두는 부연 설명 또는 메모 (소스코드를 주석 처리한다!라고 표현) - 한줄 주석 :..

최근 학교 비교과프로그램으로 파이썬으로 코딩테스트를 대비하는 강의를 들었는데 그 강의를 다시 복습하면서 혼자 공부하려니 잘 안되길래 왜 그런가 했더니 파이썬을 다 까먹어서 그랫던 거엿음;;; 그래서 2학년때 배운 파이썬 다시 차근차근 공부해보기~🔥 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 파이썬은 문법이 간결하고 굉장히 배우기 쉬움! 활용할 수 있는 분야 다양 자료형 문자 자료형 : 작은/큰 따옴표로 글자를 앞뒤로 감쌈 숫자 자료형 : 정수, 실수를 있는 그대로! Boolean 자료형 : True, False (앞에 글자는 꼭 대문자! 변수 어떤 값을 저장하는 공간 변수 선언 : 변수를 만들고 거기에 어떤 값을 넣는 것 (변수 ..

최상단 컴포넌트의 state를 말단 컴포넌트까지 전달하고 싶으면 이렇게 반복적인 작업을 해야함. → 이러한 불편함을 해소하기 위해 Redux 사용!! ★ Redux가 없는 컴포넌트들은 그냥 props로 유선 연결되어있는 거라고 생각하면 됨. Redux는 블루투스 느낌! ★ Redux는 독립적인 도구!! 이 독립적인 Redux와, 또 하나의 독립적인 도구인 React를 서로 연결해주는 게 ‘React Redux’라는 도구! ★ 로컬 컴퓨터에서 설치하려면 : npm install redux react-redux ★ redux를 사용하려면 : import { createStore } from ‘redux’; ※ store를 생성할 때 반드시 주입해줘야 하는 게 reducer!! reducer의 역할은, sto..

1. Typescript이란? ▶ Typescript : Javascript에 type을 부여한 언어! Javascript의 확장판! ※ Typescipt를 브라우저에서 실행하려면 파일을 한번 변환(=Compile)해주어야 한다! 2. Typescript를 써야하는 이유 ▶ 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있기 때문!! ① 에러의 사전 방지 10+20 = 30의 결과를 내고 싶은데, ‘10’+‘20’이 돌아가면 안되잖아! ts는 그걸 막아줌! ② 코드 가이드 및 자동 완성(개발 생산성 ↑) 코드 작성 시, 개발 툴의 기능을 최대로 활용 가능! 3. Typescript의 기본 타입 ※ 타입 표기(Type Annotation)란? :을 이용하여 js 코드에 타입을 정의하는 방식 ① Bool..

💥5주차 & 6주차 통합본! 0. React란? React의 장점과 단점? ▶ React란? → A JavaScript library for building user interfaces. → 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한, 즉, 화면을 만들기 위한 기능들을 모아놓은 자바스크립트 *라이브러리! → Meta(前 facebook)에서 만든 오픈소스 자바스크립트 UI 라이브러리. 현재 가장 많이 사용되는 라이브러리! 복잡한 사이트를 쉽고 빠르게 만들고 관리하기 위해 만들어짐! (*라이브러리 : 자주 사용되는 기능들을 정리해 모아놓은 것) ★ 사용자 인터페이스(User Interface, UI) : 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로간의 입력과 출력을..

역시나 완강은 했으나 정리의 속도는 그에 미치지 못하는...^_ㅠ 실습과 함께하는 강의여서 실습에 더 집중하였다. 어차피 이번 주가 프로젝트 기간이니까, 프로젝트하면서 다시 반복해서 보고 기억하고 싶은 것만 기록해야겠다! ✨ 1. create-react-app으로 React 프로젝트 만들기 ① Windows Powershell을 열어준 뒤, npx create-react-app voca(=프로젝트 폴더) ② 예전에 react 프로젝트를 조금 해본 적이 있어서 그런지, 최신 버전이 아니라고 뭐시기뭐시기 군더더기가 뜨고 프로젝트가 안 만들어짐. 그래서 하라는 대로 함. npm uninstall –g create-react-app ③ 위의 명령을 실행시켜준 뒤, 다시 npx create-react-app vo..

✨ 1. DOM이란? ▶ DOM : Document Object Model의 약자! 즉, 문서 객체 모델! DOM은 HTML 문서의 각 요소들을 트리 형식으로 표현! Javascript를 이용해서 이를 생성/수정/삭제할 수 있다! 2. Node에 접근하기 ★ 하나의 객체(Object)를 노드(Node)라고 한다. Node에는 다양한 타입들이 있음! 개발할때는 주로 html element에 접근함 ★ document를 제외하고, 최상단의 이 root 노드. ★ 모든 html 태그는 객체!! 객체는 js로 접근하고 제어 가능 ★ id로 접근 : const el = document.getElementById(‘id 이름’); / el; ※ id는 한 페이지에 딱 한번만 사용가능 ★ 특정 tag에 접근 : co..

완강은 했으나...정리는 모든 강의를 하지는 못했다. 정리도 중요하지만, 일단 학습을 하고 이해를 해서 내 머릿속에 남기는 게 더 중요하다고 생각했다. 처음에는 꼼꼼히 정리하다가, 이러다가는 완강도 다 못하겠다 싶어서, 중간부터(4차시부터)는 핵심만 정리하기 시작하다가, 그것도 시간이 좀 걸려서 이후에는 이해만 하면서 쭈욱쭈욱 들었다..! (근데 사실 어려워서 이해가 잘 안된 부분들도 좀 있다. 이건 이번 주에 과제도 하면서, 계속 반복해서 보고 또 정리도 하면서 완전히 이해하도록 노력할 예정이다.) 혹시나 나중에 내가 원하는 내용을 다시 기억하거나 공부하려고 정리본을 다시 봤을 때, 자세한 내용은 그 강의를 다시 찾아가서 공부할 수 있도록 제목과 소제목 옆에 타임라인을 적어두었다. (핵심만 정리한 4차..