모든 게시글 (25) 썸네일형 리스트형 [노개북 DAY3] IT 5분 잡학사전 노개북 챌린지 day3 시작합니다! 오늘 읽은 범위 : 에피소드 6~10 책에서 기억하고 싶은 내용 오류가 나서 화난 그 마음은 알지만 코드로 돌아가지 말고 오류 메세지부터 읽는 습관을 기르도록 해. 2가지 방법으로 번역되는 프로그래밍 언어 동시 통역사처럼 해석하는 인터프리트 언어 (interpreted language) 도서 번역가처럼 해석하는 컴파일언어 (compiled language) 소감 및 떠오르는 생각 프로그래밍을 하면서 가장 많이 마주치게되는건 콘솔창에 뜨는 빨간 영어들이 아닐까 싶다. 물론 한번에 실행될거라는 기대는 잘 하지 않지만 아주 사소한 실수로 인한 오류라는것을 알게되었을땐 허무하기까지 하다. 오류메세지를 보면 해석하기 귀찮은 마음과 복잡한 코드를 다시 뜯어봐야 한다는 조급함에 내.. [JavaScript] 구조분해할당이란? 오늘은 JavaScript의 유용한 기능인 구조분해할당을 알아보자! 구조분해할당이란? 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식 구조분해 할당을 사용하면 배열이나 객체를 반복문을 통해 일일이 꺼내어 변수에 담을 필요 없이 바로 할당이 가능하다! 👍 예제 배열 구조분해할당 변수 one, two, tree에 array의 인덱스 순서대로 값이 담긴다. var array = [1, 2, 3]; var [one, two, three] = array; console.log(one); // 1 console.log(two); // 2 console.log(three); // 3 기본값 할당하기 변수를 선언할 때 기본값을 할당할 수 있다. 배열에 값이 없을 때 .. [노개북 DAY2] IT 5분 잡학사전 노개북 챌린지 day2 시작합니다! 오늘 읽은 범위 : 에피소드 1~5 책에서 기억하고 싶은 내용 개발자는 논리적 사고와 문제해결을 즐겨야 한다. 좋은 개발자는 암기력이 아니라 개발 과정을 잘 이해할 수 있어야 한다는 것 천재 해커만 개발자가 될 수 있는 건 아니다. 개발에서는 재능이 아니라 포기하지 않음이 더 중요하다는 것. 새 프로그래밍 언어를 쉽고 빠르게 공부하는 방법 공식문서 살펴보기 문법확인하기 다른 언어와 비슷한 특징 집중해서 보기 새 언어로 코딩 시도하기 튜토리얼 시작하기 나만의 프로젝트 만들기 소감 및 떠오르는 생각 비전공자로써 항상 내 능력을 낮게 판단하는 경향이 있었다. 이게 문제가 되는 점은 해결할 수 있는 문제임에도 내가 건드릴 수 있는 영역이 아닌 거 같은데? 하며 포기하는 순간이.. [vsCode] vsCode에서 터미널열기 vsCode에서 터미널 여는 방법을 알아보자! 사실 설명할 것도 없이 너무 간단하다. vsCode를 실행 좌측 상단의 메뉴중 Terminal > New Terminal을 클릭 단축키 : `[ Ctrl + Shift + ` ]` 또는 `[ Ctrl + ` ]` 단축키를 기억해두면 편하더라…! 공부내용을 기록하는 블로그입니다. 피드백은 언제든지 환영합니다😊 [노개북 DAY1] IT 5분 잡학사전 노마드코더 개발자 북클럽 챌린지에 도전한다! 노마드코더 개발자 북클럽 챌린지란? 2주동안 많은 챌린저분들과 함께 IT 5분 잡학사전이라는 책을 읽고 매일 독후감을 남기고 퀴즈를 푸는것! 개발공부를 하면서 항상 용어에대한 어려움을 느끼던 찰나 이런 좋은 기회를 발견하게되어 참여하게되었다. 아무래도 혼자서 읽을땐 독서를 자꾸 미루게 되는데 챌린지가 걸려있다보면 덜 지루하고 더 의욕있게 읽을 수 있기 때문에 책 한권을 완독할 수 있는 가능성이 높아진다고 생각한다! 무료 챌린지인만큼 참여에 부담이 없으므로 예비 개발자, 업무상 개발자와 소통이 필요한 분들 모두 한번쯤 참여해보는게 어떨까? 2기도 모집한다고 하니 관심있으신 분들은 한번쯤 들여다 보기를..! 노개북 2기 참여하기! [React] useState를 알아보자 리엑트를 공부하며 알게된 기능 중 useState를 정리해보자. useState는 구성요소에 상태변수를 추가할 수 있는 React Hook 이다. 일단 useState를 사용하기위해선 react의 다양한 Hook들 중 useState를 호출해주어야한다. 쉽게 말하자면 리엑트 안의 해당 기능을 내 프로젝트로 가져오는것 //useState import시키기 import { useState } from 'react'; //useState 선언 const [state, setState] = useState(initialState); JavsScript를 알고계신다면 익숙하실 구조분해할당으로 useState에 변수를 지정해주었다 👍 구조분해할당 알아보기 initialState: 초기상태값. 최초 랜더링 시 보여질.. [React] 리엑트를 설치하는 방법 지난번 블로깅 내용에선 리엑트를 간단하게 방식으로 가져올 수 있다는 것을 알았다. 지난번 블로깅 내용 확인하기 이번엔 터미널에서 명령어를 사용해 설치하는 방법을 알아보자! 1. 설치 전 사전준비 리엑트를 설치하기전 Node.js를 먼저 설치해야한다. Node 홈페이지에 접속하면 메인화면에 두가지 다운로드 버튼이 뜬다. LTS : Long Term Support의 약자로 장기지원되는 버전 현재버전 : 가장 최신버전으로 언제든지 기능이 생기고 사라질 수 있다. 약간 카카오톡 실험실 같은 느낌..? (개발 중 기능이 사라지면 소스코드를 재수정해야하는 일이 생길 수 있음😥 ) 안정성이 높은 LTS를 설치하는게 좋다! Node.js 설치하러가기 설치가 완료되었다면 터미널에 node -v를 입력하여 설치되어있는 n.. [React] React를 공부해보자 리엑트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다. react는 인터렉티브웹을 위한 최적의 도구 html을 작성 후 이벤트를 등록하는것이 아니라 script 내부에서 html을 생성 후 ReactDOM에 삽입하는 형태로 이루어진다 React를 간단하게 사용할 수 있는 방법은 두개의 URL을 import 시킨 후 스크립트를 작성하는 것이다. //React 기능 //ReactDOM 이걸 보면서 jQuery가 생각이 났다. jQuery는 JavaScript의 여러 메소드들을 간단하게 사용할 수 있게 해주는 라이브러리라면 React는 여러번 사용되는 html 코드를 매번 작성할 필요가 없게 해주는 코드 캡슐화가 주 기능인 것일까? html을 여러번 반복해서 작성하지 않아도 된다니.. 생.. 이전 1 2 3 4 다음
