코드스테이츠 블로깅

처음 시작해보는 부트캠프라서 경황이 없었던 것 같습니다. 아마 내일이나 일주일 정도가 지나면,익숙해지지 않을까요? ㅋㅋㅋ. 1일차는 오티만 진행되었습니다.일단, 처음에는 여러가지 툴을 설정해보는 시간을 먼저 가졌습니다. 오티전에도 미리 툴을 설치할 수 있는 시간이 있었

페어그래밍의 필요성) => 현업의 개발자는 모두 팀 단위의 프로젝트를 진행합니다. 팀의 모든 구성원이 같은 의견일 수는 없기 때문에, 서로의 의견을 공유하고 조율해야 합니다. 협업하는 과정에서 팀원들과의 소통이 잘 이루어지는 것이 코딩 실력보다 더 우선시 되는 경우도

2일차에 많은 것을 배울 수 있었습니다. 배운것들을 한번 복습해봅시다! (혼잣말, 반말 주의 ㅠㅠ)웹 개발에 있어서, 앞으로 주로 학습할 JavaScript와 짝을 이루는 두 언어가 있습니다. 바로 HTML과 CSS입니다. 간단하게 설명하자면, HTML은 구조, 틀을

3일차, 뭔가 익숙해진거 같기도 하고, 아닌거 같기도한 애매한 느낌이 듭니다. 하지만, 왠지 잘할 수 있을 것 같다는 근거없는(?) 자신감이 생깁니다 ㅋㅋㅋ자, 그러면 오늘 배운 내용을 잠깐 복습하는 시간을 가져보려 합니다. 저번시간은 HTML이었는데이번에는 CSS입니

다른분들과 비교하니 너무 촌스러운 느낌이 나서 부끄러웠습니다. ㅋㅋㅋㅋ그래도 첫 작품치고는 나쁘지 않은데? 라는 생각으로 부끄러움을 이겨냈습니다.여러분들도 첫 프로젝트나 첫 과제가 너무 부족해보인다 하더라도 이건 내 처음에 불과하다! 라고 생각하면서 자신감을 가지셨으면

종합퀴즈)))1) 텍스트의 색깔은 color 속성이다!2) 글꼴이 굵기가 h1 요소의 기본 굵기보다 얇으므로 글꼴의 굵기를 조절하는 속성인 font-weight 가 사용되었음을 알 수 있습니다.3) box-sizing 의 값이 border-box 인 경우, 기존 CSS

오늘도 열공하는 날... 쉽지 않지만 계속이어나가고 있다. 파이팅\~~그러면 또 배운 것을 복습해봐야지!와이어프레임(Wireframe)웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. 단순한 선이나, 도형으로 웹이나 앱의 인터

너무 부족하지만 페어와 함께한 작품!!뉴진스 토끼가 눈에 확 들어오는 아름다운 계산기!!!!!!오마오마갓

5일차, 오늘은 복습의 날입니다! 지금까지 배운걸 깔끔하게 정리해보고자 합니다. 그럼 파이팅\~~HTML은 구조, 틀을 만드는 마크업 언어, CSS는 스타일을 담당하는 디자인 언어입니다. JavaScript는 구조와 스타일이 완성된 각각의 요소에 상호작용의 역할을 한다

또 새로 만들어봤다. 이번에는 조금 더 깔끔한 느낌인거 같기도? ㅋㅋㅋ더 예쁘게 만들어봐야겠다 파이팅\~~

오늘은 6일차입니다. 이제는 자연스러워진 느낌입니다. 자 그러면, 오늘도 배운 것을 복습해보겠습니다!!자바스크립트란최초 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어!따로 nodejs라는 자바스크립트 런타임을 컴퓨터에 설치해야 브라우저 밖에서 사용 가능consol

벌써 7일차라니 믿기지가 않는다... 시간이 빠르게 흘러가는 듯도 하다. 어찌됐든 열심히 해야한다는 사실은 변하지 않는다!! 오늘도 내일도 또 파이팅\~\~~if문 복습 시작\~~if문은 주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정됩니다.

for 뒤에 오는 소괄호(())에는 각각 초기값, 조건식, 증감식이 들어갑니다. 코드블록에는 반복해서 실행할 코드가 들어갑니다. for문을 구성하는 각 요소에 대해 하나하나 자세히 살펴보겠습니다.초기값: 증감식 반복 횟수를 카운트하는 역할을 하는 변수입니다. (이때 변

오늘은 계산기를 구현하는 시간을 가졌습니다. 목업으로 만들어낸 계산기를 넘어 이제는 javascript로 직접 작동하는 계산기를 만들어보았습니다... 강사님께서는 어렵지 않죠? 쉽죠? 라고 하셔서 조금 당황스럽긴 했지만 그래도 어떻게든 결국 해냈다는 것에 감사하다는 생

WSL은 리눅스용 윈도우즈 하위 시스템의 약자로, 윈도우에서 리눅스를 설치하고 사용할 수 있게 도와줍니다.특히 마이크로소프트에서 리액트와 여러 Node.js 프레임워크 기반 개발에 WSL 설치를 권장하고 있습니다.터미널은 CLI(Command-Line Interface

버전 관리라는 것 자체가 각 버전 별로 변경된 이력들을 저장하는 작업이라고 할 수 있습니다.하나하나 추가되는 기능들의 변경 이력을 저장해 둘 수 있는 것입니다.다시 이전 버전으로 되돌아가야 하는 상황이 발생할 경우 이전의 변경 이력들이 기록되어 있으니 되돌아가는 것이

오늘은 배열에 대해서 배웠습니다. 배열에 대해 이야기해봅시다!javascript 배열배열이란 1,2,3,4,5 와 같이 여러 원소들을 한 공간안에 넣는 것입니다.선언은 let arr = 1,2,3,4,5;와 같이 할 수 있습니다.배열의 각 원소에는 인덱스라는 것이 존재

오늘은 객체에 대해서 배웠습니다. 그렇다면 객체에 대해서 알아봅시다~!객체란, 키와 그 키에 해당하는 값을 가지는 데이터입니다.예시를 들자면, 말 그대로 키, 열쇠가 있다고 할 때, 그 키에 해당하는 자물쇠가존재할 것입니다. 그렇죠?! 아래의 코드 예시를 봅시다.객체

놀랍게도 C/C++과는 완전히 다른 점이 있다. 바로 원시형(primitive variable)의 불변성(Immutability)이다.=> 근데, 의문점이 들 수 있다. 아니, let a = 3; a = 4; 가 가능하지 않느냐?=> 그런데 또 한번 놀랍게도, 처음의

대망의 클로져에 대해 이야기해볼 시간입니다... 두구두구두

주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어주는 문법파라미터를 배열의 형태로 받아서 사용할 수 있습니다. 파라미터 개수가 가변적일 때 유용합니다.참고: spread 문법은 기존 배열을 변경하지 않으므로, 얕은 복사spread syntax는 iterable 한 모

오늘은 javascript koans 문제들을 푸는 날이었습니다.

DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model입니다. 즉, 여러분이 JavaScript를 사용할 수 있으면, DOM으로 HTML을 조작할

짧다면 짧고, 길다면 긴 section1이었습니다. 처음에는 따라가기 급급했지만 어느정도 시간이 지나고 난후에는 좀 적응이 되었는지 할 만하다는 생각이 들었습니다 ㅋㅋㅋ. 물론 다음 섹션에서는 생각이 달라질 수도 있겠지만요. 이쯤되니 제 목표도 돌아보게 됩니다. 제

클래스는 객체입니다. 비유하자면 청사진이라고 할 수 있습니다.인스턴스는 클래스라는 청사진으로 찍어낸 "실제" 제품같은 존재입니다.인스턴스를 생성하기 위해선 new 키워드가 필요합니다.생성자 함수는 인스턴스가 생성될 때 자동으로 호출되는 메서드입니다.ES5 클래스 작성

REST API란?=> 여러 글들을 살펴봤지만 너무 막연하고 어렵게만 써져있었다...그래서 어떻게든 쉬운 말로 표현해보고자 한다.자, REST API는 하나의 원칙이다!어렵게 생각하지말고 하나의 원칙이자 규칙이라는 것을 염두에 두고 진행해보자!그런데, 이 REST AP