TIL (Today I Learned)

깃허브 계정을 만들었다. 링크텍스트생활코딩에서 코딩을 알아가기 시작했다. 1 공동공부를 시작했다.나와 다른 사람들의 참여도를 볼 수 있다.온라인에서 개별적으로 공부하는 것이지만, 함께 힘내서 공부한다는 느낌을 준다.2 수업은 코스 > 모듈 > 토픽(포

1 "ㅋㅋㅋ"전략 - 컨텐츠, 컨테이너, 커뮤니티의 삼합이 이루어져야 일이 잘 진행될 수 있다. 오늘은 너무도 책상에 앉기가 싫었다. 퇴사일로서 동료들과 인사를 하고 회사 정문을 나서니그동안의 일들이 머릿속을 스쳤다.내가 무엇때문에 그렇게 힘들어하면서 일의 의미를

1 오픈소스는 컴퓨터 상에서 한 사람이 창작한 것을 다른 사람이 부품으로 사용할 수 있는 시스템을 이른다. 2 초창기 오픈소스는 저작권을 침해한다는 일부 비판을 받았으나, 전자화가 진행되면서 코딩뿐만 아닌 거의 모든 분야에 오픈소스 시스템이 활성화되고 있다.

1 단어 앞 뒤로 열린 태그와 닫힌 태그를 달아준다. (닫힌 태그는 슬래쉬로 표현한다.) 1) : “앞으로 작성되는 언어가 중요하다”는 뜻으로 단어를 볼드체로 강조한다. 2) : “underline의 축약어”로 단어에 밑

1. 부모자식과 목록 1 부모태그와 자식태그: 자식태그가 부모태그 안에 그룹핑 되어있음. 대부분의 경우, 둘은 필요에 따라 관계가 달라질 수 있음. 2 <li></li>: l

어제자로 생활코딩 사이트에서 HTML 수업을 마쳤다. 앞으로 CSS, JavaScript, Python 등 배우고 싶은 언어가 아주 많다. 나는 사실 어떤 언어가 어떤 특성과 차별점을 갖고 있는지 아직 잘 모른다. 그렇기에 우선은 코딩을 하면서 얻

여기까지 공부한 후, -영상 강의대로 코딩을 작성하다가, 화면에 구현이 안될 때 마음이 답답하다. 그러다가 내가 작성한 코딩을 차근차근 하나씩 체크하고 결국 강의 내용대로 화면이 구현되면, 와~ 라는 탄성이 나오면서 기분이 좋아진다. 여기까지 공부한 후, -코드를 잘

여기까지 공부한 후, -와 자바스크립트!!!!!!!기대를 많이 하고 시작했는데도 불구하고너무너무 너무 재밌다각종 이벤트에 따라 내 웹페이지가 네이버 메인화면처럼 바뀌는 것도 신기하고, 나는 date라는 이벤트만 입력했을 뿐인데, 알아서 달력을 가져와 구현해주는 것도 신

1. 변수와 대입 연산자 2. 웹브라우저 제어 3. 제어할 태그 선택하기 4. 프로그램, 프로그래밍, 프로그래머 5. 조건문 예고 6. 비교 연산자와 Boolean 데이터 타입 7. 조건문 8. 조건문의 활용 여기까지 공부한 후, - 동영상 강의를 보

여기까지 공부한 후, -return 강의는 3번을 봤는데도 잘 이해가 되지 않는다. 우선 이 기능이 어떤 상황에서 필요한 것인지머릿속에 그려지지 않기 때문에 이해가 되지 않는 것 같다. 우선 남은 자바스크립트 강의를 차근차근 수강하고나만의 project를 진행할 때 r

출퇴근 기록용 어플 생성 - 목표 - 출근 버튼을 클릭하면, 클릭한 순간의 컴퓨터 시간이 자동 입력되고 저장됨. 시간은 별도로 변경할 수 없음. 진행 상황 - 어디서부터 구상하고 시작해야 할지, 감이 잡히지 않는다. 아직 자바스크립트에 대해 아는 부분이 충분

목표: 7월 19일(일)까지 Node.js 강의 완료 + 작은 프로젝트.

요 며칠간 코딩에 대해 조금 흥미를 잃었다. 이 코드가 나의 실제 생활에서 어떤 도움을 줄지, 어떻게 재미를 만들 수 있을지 잘 상상이 되지 않은 것이 큰 이유였고, 큰 책임감을 가지고 빡세게 공부하다 보니 공부하는 것 자체에 두려움과 지루함을 느낀 것도 크게 영향을

강의와 함께 실습하는 데 중점을 두고, 기록은 내 기억을 되새김질하는 데 의의를 두고 간단히 작성해야겠다. 제일 중요한 것은 실제로 해보는 것이니, 다른 것에 에너지를 낭비하지 말자. 물론 기록도 정말 중요한 작업이지만, 요즘처럼 한정된 에너지를 효율적으로 사용하기 위

JavaScript 함수의 기본 문법JavaScript 함수의 입력JavaScript 함수의 출력App 제작 - 함수를 이용해서 정리 정돈하기수업의 정상Nodejs에서 동기와 비동기 1Nodejs에서 동기와 비동기 28.JavaScript-callbackNode.js의

pm2 start main.js —watch (에디터 변경사항 바로 반영)pm2 log (에러, 변경사항 바로 표시)

pm2 start main.js —watch (에디터 변경사항 바로 반영)혹은 pm2 start main.js --watch --ignore-watch="data/\*" (data 디렉토리 제외, 모든 변경사항 즉시 반영)pm2 log (에러, 변경사항 바로 표시)웹페

pm2 start main.js —watch (에디터 변경사항 바로 반영)혹은 pm2 start main.js --watch --ignore-watch="data/\*" (data 디렉토리 제외, 모든 변경사항 즉시 반영)pm2 log (에러, 변경사항 바로 표시)드디

- 오늘 할 일 미운코딩새끼 강의 9개, 파이썬 설치 linux, git, django에 대해 알아보기 사람들에게 바로 노출가능한 블로그 만들어서, 그동안의 코딩 log 정리해 업로드 하기. 1. 왜 파이썬일까요? 파이썬은 타 컴퓨터 언어에 비해 쉽기 때문에

이미 생활코딩에서 3가지의 컴퓨터 언어를 배운 내 경우에는, 김왼손의 왼손코딩이 지루하고 재미없게 느껴진다. 아주 쉬운 수준의 강의임에도 불구하고 해야되기 때문에 억지로 하는 마음으로 공부를 한다. 또 나는 에디터에서 코드를 입력하면 각종 원색의 단어가 알록달록한 모습

1. Pycharm program downloading 2. Variables and Assignmet (변수와 대입) 우선, 파이썬은 정말 다른 언어에 비해 입력이 쉽다. 변수를 만들 때, 그냥 age = 21 이런식으로 쓰면, 변수 age에 21이

Udemy에서 진행한 Python by Avinash 수업을 완료했다.파이썬은 확실히 다른 컴퓨터 언어에 비해 문법이 쉽다. 그래서 크게 힘들지 않았다. 그렇지만 다른 언어와 비슷해서 오히려 지루했다. 이미 알고 있는 내용을 계속 복습하는 기분이었다. 지금까지 HTML

- 오늘 할 일 - 슬랙 사용법 익히기 노션 사용법 익히기 1주차 프로젝트 시작 : 위코드에서 제시해준 Material, example 사이트의 코드 구경 : 내 페이지 구상 (내일 만들 예정이니 원하는 효과 모두 구상하기) 국내 스타트업 및 해외 기업의 컴퓨터 언어

1주차 프로젝트에 앞서 웹 사이트 구성 짜는 방법을 복습하기 위해 Codecademy의 "웹사이트 구조" 강의를 수강했다. Codecademy는 수업화면 내에서 코드를 작성하고, 출력된 화면을 바로 확인할 수 있게 구성되어 있어서 기능 익히기에 최적화된 학습 프로그램이

- 오늘 할 일 - Codecademy 학습 : Boundaries and Space : Building with Bootstrap : Build, Deploy, and Host a Personal Portfolio with Namecheap : Learn Naviga

- 오늘 할 일 - 자기소개 페이지 코드 짜기 1. 자기소개 페이지 코드 짜기

그러자 욕심이 생겨서 이것도 저것도 다 들어있는 웹페이지를 만들고 싶어졌다. 그렇게 진행을 하다가 보니 내 코드는 지저분하기 짝이 없고, 코드가 꼬이면서 이전에 적용되었던 효과마저 작동하지 않았다. 결국 원하는 몇 개의 요소를 선택하고 그것에 집중하기로 했다. main

드디어 1주차 프로젝트 작업을 마쳤다. 1주차 프로젝트는 자기소개 웹페이지를 만드는 작업으로 html, css를 주로 사용하고 fixed navigation bar를 추가하는 미션을 이루어야 했다. 비록 내 마음에 쏙 드는 웹페이지는 아닐지라도, 처음에 원했던 효과의

Codecademy에서 Learn JavaScript 강의를 시작했다. 강의는 총 14 개의 섹션으로 나뉘어져 있다. 오늘은 1. Introduction 섹션을 진행했다. JavaScript는 컴퓨터 언어 중 가장 많이 사용되고 유연성과 성능이 높다. 그러면서도 빠른

VariablesConditional StatementsFunctionsvar, let, const은 모두 변수이다. 변수는 컴퓨터 내에서 정보(값)를 담는 상자같은 것이다. 변수는 이름으로서 데이터를 설명하기 때문에 사람들은 더욱 명료하게 프로그램을 이해할 수 있다.

한창 위코드 미션을 수행하던 8월 18일부터 주 6일씩 거의 매일 코딩을 공부했지만TIL를 꾸준히 쓰지 못했다. 공부를 하다보면 어느새 밤 11시가 되었고, 하루 종일 눈에 불을 켜고 붙들고 있던 것들을 다시 복기하기가 힘들어서였다. 그렇게 시간이 지나다 보니 어느새

Codecademy에서 Python을 배웠다. 버전 2의 파이썬을 다룬 강의였지만, 버전 3에서는 어떻게 쓰이는지 부분마다 알려줘서 2020년에 배우기에도 괜찮았다. 배운 강의의 제목은 아래와 같다. Python Syntax, Strings and Console Out

블록은 중괄호 { }로 둘러싼 부분이다. 아래와 같은 코드 예시가 있을 때, city 변수는 블록 바깥에서 선언되었고logCitySkyline 변수는 블록과 같은 라인에서 선언되었다. 위의 예에서 "city 변수"는 중괄호 바깥에서 선언되었기 때문에, 글로벌 스코프에

자바스크립트 ES6 업데이트로 인해 기존에 사용하던 ES5 언어와 크고 작은 차이가 발생했다. 기존의 브라우저도 ES5에 맞춰져 있었기에 ES6에 대한 업데이트가 모두 이루어진 것은 아니다. 따라서, 개발자는 브라우저와 ES6가 잘 호환되도록 수정을 하는 작업을 진행해

Promises are JavaScript objects that represent the eventual result of an asynchronous operation.Promises can be in one of three states: pending, resol

사전 스터디 팀원들과 자바스크립트 문제 풀이를 함께 했다. 문제를 보고 각자가 생각하는 방식대로 코드를 짜서 발표하는 게 주된 내용이었다. 혼자 풀려고 할 때는 어떻게 코드를 짜야할 지 머리를 싸맸던 문제들도 막상 답을 마주하면 간단했다. 분명 다 배운 것들인데..

Map 객체 (new Map() 생성자는 Map 객체를 생성한다.): 키-값 쌍을 저장하며 각 쌍의 삽입 순서를 기억하는 콜렉션이다. filter 혹은 forEach와 같은 구문이며, 반복적인 일을 할 때 사용한다. 이 블로그에 잘 정리되어 있어서 까먹었을 때

오늘 익힌 메소드 Math.trunc() : 괄호 내의 값으로 숫자형만 들어갈 수 있다. 소숫점 아래 부분을 제거하고 정수부분만 반환한다. Number.prototype.toString() : 특정한 Number 객체를 나타내는 문자열을 반환한다. 따라서, 괄호

Object.keys()와 Array.prototype.keys()의 차이: 전자는 Object.keys(딕셔너리이름) 방식으로 쓰며, 키값만 추출해서 새로운 array에 담는다.: 후자는 const a = 배열이름.keys() 방식으로 쓰며, 배열의 각 인덱스를 키

Yay!! 드디어 위코드 첫날이다. 다행히도 코로나로 인한 사회적 거리두기 2.5단계가 오늘자로 해제되어서,선릉에 다같이 모여 처음을 시작할 수 있었다. (추석 때 제발.. 제발.. 다시 격상되지 마라...🙏🏼🙏🏼🙏🏼)멘토들과 동기들이 모두 한 방에 모여 자

목차 **1. position 속성 - relative, absolute, fixed inline, inline-block, block 에 대해서 float에 대해서** 1. position 속성: relative, absolute, fixed css의 positi

오늘은 자바스크립트에 대해 복습하는 시간을 가졌다. 분명 2번씩 강의를 보고 공부하고 연습한 것들인데, 다시 한 번 공부를 하니 개념이 또 새롭게 다가온다. 아마 이전에 공부할 때는 내가 가진 개념으로 1/3 정도만 이해했다면, 지금은 2/3 정도를 이해해서 새롭게 다

오늘 JS 리플렛 공부한 것 정리. [자료형 주의] string과 number을 연산자를 이용해 계산할 때는 예상과 다른 값이 나올 수 있어 주의해야 한다. 예를 들어 alert("2 더하기 2는 " + 2 + 2);라는 식이 있을 때, 프로그램은 다음과 같이 계

우와 내 힘으로 만 나이 구하는 로직을 완성했다. 확실히 예리님 세션을 참고해서 1)문제를 분해하고, 2)가설을 세우듯이 문제 풀이 방법을 생각해보고 3)이것저것 다 시도해보는 방법이 문제를 해결하는데 시간을 단축하고, 적용의 옳고 그름을 확실하게 알

[object] JS objects have no defined order, they are (by definition) an unsorted set of key-value pairs. 자바스크립트에서 객체는 정의된 순서를 갖고 있지 않기 때문에, 인

arrow function은 callback 함수 사용시 가장 많이 사용한다. forEach() 메소드는 주어진 함수를 배열 요소 ‘각각’에 대해 실행한다. map() 메소드는 배열 내의 모든 요소 ‘각각’에 대해, 주어진 함수를 호출한 결과를 모아

The bitwise operators. in binary system, computer recognize decimal 1 as 00000001 (seven zero and one one), and decimal 2 as 00000010. The b

선택정렬과 버블정렬은 제자리 정렬 알고리즘이다. 알고리즘이 단순하며, 메모리가 제한적인 경우 성능 상의 이점이 있다. 선택정렬: 주어진 리스트 중에 최소값을 찾고, 그 값을 맨 앞에 위치한 값과 교체한다. 이후 맨 처음 위치를 뺀 나머지 리스트를 같은 방법으로 교체한

1차 프로젝트에서 class형 컴포넌트를 사용한 것과 달리, 2차 프로젝트에서는 functional component를 사용해 react code를 구성하고 있다. Functional component는 함수를 하나의 컴포넌트로서 사용하는 것으로, class compo

두 달 간의 위코드 공부 기간이 끝나고 기업협업을 시작했다. 내가 온 기업에서는 아래의 기술 스택으로 업무를 진행한다. React, React Native, Redux, Redux-saga, Axios, Styled component본격적으로 코드를 짜기 전, 해당 기

Redux 기초 정리Redux는 2차 프로젝트를 하면서 사용자가 선택한 타입과 입력한 값의 상태를 관리하기 위해 처음 사용해봤다. Reducer => New state => Store => New state, dispatch => mapStateToProps, mapD

(for TypeScript)yarn add @types/styled-componentsimport styled from 'styled-components/native';데이터가 화면을 벗어났을 때, Scroll을 생성하여 사용자와의 상호작용을 통해 벗어난 부분을 볼

기업협업 중인 회사의 사수 분께 조언을 얻고, 타입스크립트 핸드북으로 타입스크립트 공부를 하려고 한다. 지금 진행하고 있는 프로젝트에서 타입스크립트를 조금이나마 알고 쓰기 위해서는 Basic Types, Interfaces, Generic 순으로 공부하는 게 도움이 될

TypeScript는 값의 '형태'에 초점을 맞추어 타입을 검사한다. 이런 점을 Duck typing(덕 타이핑) 혹은 Structural subtyping(구조적 서브타이핑)이라고 한다. Interface는 이런 타입들의 이름을 짓는 역할을 한다. 더불어 코드 안의

Generic

대부분 프로젝트는 금요일까지 마치고 공유한다. 미팅시간 전까지 서로 공유한 내용은 모두 확인하고 미팅에 참석한다. 몰라도 질문 많이 하는 게 서로 알게 되는 내용이 많아지니 더 좋다. 적어도 자신이 작성한 코드는 모두 알고 토론하는 게 좋다.깔끔하게 정리한 코드를 공유

Array Array 만드는 방법 Array는 데이터를 정리해놓은 리스트이다. Array를 만드는 방법은 아래와 같다. 변수는 let, const 둘 다 사용할 수 있다. Array 요소 불러오는 방법 Array 내의 각 정보는 '인덱스 값'을 가진다. 인덱스는

Object는 '객체'로 번역되는 단어로, string, number, boolean 등과 같은 하나의 데이터 종류이다. 객체를 통해서는 구조를 만들어 정보를 저장할 수 있어 정보의 재활용성과 가독성을 좋게 하는 효과가 있다. 변수(let)를 만들고 이름(spacesh

🙋‍ Mission 🙆‍ 파이썬에서 가변객체와 불변객체는 무엇이며, 어떠한 자료형이 있는지 공부한다. BTS혹은 레드벨벳의 멤버정보를 딕셔너리로 구현해주세요. 스트링, 리스트, 딕셔너리를 반복문으로 돌면서 인자를 출력하는 함수를 작성해보세요. for in 반복문을

입력출력

(총 6개의 포스트로 이어지는 글입니다.)1\. 파이썬에서 가변객체와 불변객체는 무엇이며, 어떠한 자료형이 있는지 공부한다.2\. BTS혹은 레드벨벳의 멤버정보를 딕셔너리로 구현해주세요.3\. 스트링, 리스트, 딕셔너리를 반복문으로 돌면서 인자를 출력하는 함수를 작성해

(총 6개의 포스트로 이어지는 글입니다.)1\. 파이썬에서 가변객체와 불변객체는 무엇이며, 어떠한 자료형이 있는지 공부한다.2\. BTS혹은 레드벨벳의 멤버정보를 딕셔너리로 구현해주세요.3\. 스트링, 리스트, 딕셔너리를 반복문으로 돌면서 인자를 출력하는 함수를 작성해

(총 6개의 포스트로 이어지는 글입니다.)1\. 파이썬에서 가변객체와 불변객체는 무엇이며, 어떠한 자료형이 있는지 공부한다.2\. BTS혹은 레드벨벳의 멤버정보를 딕셔너리로 구현해주세요.3\. 스트링, 리스트, 딕셔너리를 반복문으로 돌면서 인자를 출력하는 함수를 작성해

(총 6개의 포스트로 이어지는 글입니다.)1\. 파이썬에서 가변객체와 불변객체는 무엇이며, 어떠한 자료형이 있는지 공부한다.2\. BTS혹은 레드벨벳의 멤버정보를 딕셔너리로 구현해주세요.3\. 스트링, 리스트, 딕셔너리를 반복문으로 돌면서 인자를 출력하는 함수를 작성해

> Git의 사전적 의미: 컴퓨터 파일의 변경사항을 추적하고, 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. (

(8월 26일 진행한 Girls In Tech X GitHub의 온라인 교육 행사를 참고하여 정리한 글입니다.행사는 전반부와 후반부로 나뉘며, 해당 포스트에서는 코딩 어린이인 필자의 수준에 맞는 전반부만 참고했습니다.)컴퓨팅 사고력 발달깃의 형상 관리를 이용한 협업 (

위코드 시작 전 일주일동안 이런저런 자바스크립트 프로젝트를 진행해보려고 한다. javascript30 사이트는 30일동안 30가지의 프로젝트를 할 수 있도록 아이디어를 제공한다. 로그인을 하면, 강의 페이지로 이동한다. 이 깃허브를 방문하면, 강의의 베이스가 되는 코드

Text to Speech, for short, TTS. 텍스트를 음성으로 변환하는 프로그램을 만들었다. 구글 번역기를 쓸 때, 스피커 모양 버튼을 눌러 외국어를 읽어주고 e-book을 읽을 때, 오디오북 서비스를 통해 책을 읽어주는 그 기능을!!! 내가 만들었다!

javascript 30 사이트에는 재미있어 보이는 프로젝트가 아주 많다. 나는 그 중 아래의 5가지를 이번주까지 해보려고 한다. >* Unreal Webcam Fun Native Speech Recognition Geolocation based Speedomete

오늘은 컴퓨터에 연결된 카메라를 통해 화면을 출력하고,화면 픽셀의 rgb를 이용해 다양한 효과를 입히는 프로그램을 만들었다.다양한 카메라 어플에서 기본적으로 제공하고 있는 효과이다. 생각보다 더 많은 메소드가 필요하고 좀 더 복잡해서평소 프로젝트 하나를 마치는 것보다

터미널을 통해 데스크탑 git과 github를 연결하는데 재차 실패해서 기록차 남겨두는 글이다..데스크탑의 코드 파일을 깃허브에 올리는 방법은 여러가지가 있다. 그 중 4가지를 정리해보려 한다. 가장 쉬운 방법이고, 많이들 이용하는 방법이다. 나도 어제까지 이 방법으로

JavaScript Functions >> 자바스크립트에서 함수는, 코드를 그룹핑하고 묶어서 정리해주는 역할을 갖고 있다. 코더는 이 정리된 코드를 나중에 언제든지 꺼내서 재사용할 수 있다. 함수 선언 우선, 자바스크립트에서 함수를 정의하는 방법은 여러가지이다.

며칠 전 예정했던 Video Speed Controller UI 프로젝트는 막상 강의를 시작하니 만드는 과정이 꽤 간단하고, 비디오의 속도를 줄이거나 늘리는 간단한 기능만 있어 패스하려고 한다. Xcode는 그저께 맥북 앱스토어에서 다운로드를 시작했는데, 악명대로 다

Semantic: 의미론의, 의미의 Semantic web을 직역하자면 '의미의 웹'이다. ...한국어가 맞다 싶다. 좀 더 풀어 이야기 하자면 '의미스러운 웹', 나아가 '의미를 담고 있는 웹'으로 말할 수 있다. >즉, Sementic web은 리소스(웹문서

나는 구글의 개발자 도구 정리 페이지와 Traversy Media의 유튜브 강의를 참고해서 개발자 도구에 대해 공부했다. 개발자도구에서 공부한 부분은 크게 여섯 부분이다. >* Elements Console Sources Network Appication Light

HTML에 대한 추가 세션이 열렸다. CSS 요소에 대해 헷갈리는 부분이 많았는데, 확실히 세션을 참여하고 나니 개념이 머릿속에 잘 정리되었다. 위코드 2주차인 이번주의 목표는 "많은 html과 css를 사용하면서 Westargram을 구현하고, layouts 속성

Git Session이 진행됐다. Git과 Github에 대한 핵심적인 내용을 간략하게 설명하고, 내 local computer에서 깃을 통해 저장한 자료를 Terminal을 통해 Github에 올리는 작업을 간단하게 실습했다. 깃은

며칠 지나지 않은 느낌인데, 벌써 위코드에서 공부한지 2 주가 다 되었다. 매일 새로운 것을 배우고 사람들과 함께 하다보니 시간이 너무 빨리 간다. 주말을 포함해 거의 매일 아침 9~10시 사이에 와서 저녁 10시 이후에 가는데,그래도 더 이곳에 머물고 싶고 시간이 모

데이터베이스와 ERD에 대해 공부했다. 데이터베이스는 데이터를 장기적으로 저장하고 보존하는 시스템으로, 정보를 잘 활용할 수 있기 위해서 만들어졌다. 관계형 DB와 비관계형 DB로 나뉜다.MySQL, Postgres, Oracle DB이 관계형

매일 월요일 저녁 8시30분마다 영어 스터디를 진행하기로 했다. 팀원은 나, 황채영님, 이지영님, 구현정님으로 총 4명이다. 전주에 공부한 부분 중 사람들에게 발표하고 싶거나, 해외 취업 면접 시 질문 받을 것 같은 부분을 따로 정리해서 사람들에게 발표를 하는 방식

HTTP is a avvreviation for HyperText Transfer Protocal.HyperText는 HTML의 HT와 동일한 단어로, HTML이 문서가 서로 링크를 통해 연결되록 하는 태그로 구성된 언어라는 점에서 그 뜻을 유추해볼 수 있다.Trans

인터넷의 첫 시작 1960년, 인류는 무시무시한 핵전쟁을 경험한다. 그때까지 군사의 통신 시스템은 중앙집중적으로, 핵 공격을 받으면 전체가 마비되는 치명적인 단점이 있었다. 이런 점을 보완하고자 컴퓨터 상호 연결 개념과 관련 기술들이 개발되었고, 그 결과 인터넷이 탄

Basic Shell Commands cd change directory 폴더 이동 ls list segments 현재 경로 내 파일 몰록 출력 ls -al pwd print working directory 현재 경로 출력 mkdir / rmd

What is Linux? Linux란, 소프트웨어 개발자인 Linus Torvalds가 개발한 Unix 기반 운영체제다. 토발즈가 Linux를 무료 오픈소스로 제공함에 따라 수많은 사람들이 사용하면서 풍부한 Linux 생태계가 형성되었다. where to use

웹의 동작 원리는 면접 시에 자주 마주하는 주제다. 이 원리를 이해하고 있는 개발자는 자신의 기준에 의해 코드의 효율성을 판단할 수 있기 때문에, 굉장히 중요한 주제다. 사용자가 브라우저에서 서버에 정보를 요청하면, 서버는 응답하고 그 결과를 브라우저에 전송한다. 예를

React: UI를 만들기 위한 자바스크립트 기반 라이브러리다. CRA: create-react-app의 축약어로 리액트를 구동할 수 있는 '개발 환경'을 마련해주는 프로그램이다. Component: UI 단위의 재사용이 가능한 그룹이다. \* functional

드디어!!!! 팀 프로젝트를 시작했다. 함께 일하고 소통을 원활히 하기 위해 깃과 깃허브를 이용하기로 해서, 깃의 사이클에 대해 다시 한 번 정리하고자 한다. Git은 크게 Local과 Remote로 나뉜다. Local은 내 컴퓨터(랩탑 혹은 데스크탑) 위치이고,Rem

React Router는 Single Page Application(SPA)을 구현할 수 있도록 해주는 아주 고마운 기능이다. 이전에 진행한 프로젝트에서는 각 웹 페이지의 수만큼 html 파일이 존재했는데, 이럴 경우 코드를 통합적으로 보거나 유지보수하기가 어렵다.

Sass는 CSS로 해석되고 컴파일되는 스크립트 언어다. Sass에는 Nesting 기능을 비롯해 변수 및 연산자, mixin 등의 기능이 있다. 우선 sass를 설치하기 위해서 터미널 상 내 위치를 westagram-project로 이동하고, npm install n

State >: 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 다시 말해, 화면에 보여줄 컴포넌트의 정보를 지니고 있는 객체이다. Component 내의 State 컴포넌트 내에 필수적으로 들어가야 하는 함수는 render 함수다. 그 render 함수 위에 c

Authentication and Authorization are functions which used often in every API. Authentication is a step to check identification of user.In other words,

리액트에는 자체 메소드가 몇 가지 있다. 그 메소드 중 주로 쓰이는 것은 아래 다섯 가지다. constructorrendercomponentDidMount componentDidUpdatecomponentWillUnmount이 메소드들은 작성 순서와 관계 없이, 컴포넌

1차 프로젝트에서 nesting이 특징이었던 sass를 사용한 것과 달리, 2차 프로젝트에서는 styled component를 사용하여 react code를 구성한다. Styled component의 가장 큰 특징은 css 속성 값에 props를 넘겨서 javascri

"Redux는 애플리케이션 상태를 관리하기 위한 자바스크립트 라이브러리로, 예측 가능한 상태 컨테이너를 통해 형상을 관리하는 기술을 갖고 있다.사용자 인터페이스 구축을 위해 일반적으로 React, Angular와 같은 라이브러리와 함께 사용된다."(출처: 위키피디아)R

휴대폰번호 유효성 검사 함수 (30분 소요) 인자로 string 형태의 숫자를 받으면, 이 숫자가 휴대폰번호로 유효한지 검사하는 함수를 만들었다. 인자에 하이픈('-')은 있을 때도, 없을 때도 있다고 가정했다.

ES6 때 업데이트된 기능 중 Map과 Set이 있다. 이들은 배열이나 객체와 비슷한 기능을 하면서, 값의 중복이 가능하지 않거나 삽입 순서를 기억하는 등의 특징을 가지고 있다. 그 특징으로 인해 배열이나 객체를 사용할 때보다 더 효율적으로 로직을 구성할 수 있을 것

Math.random을 이용하여 100자리 수 10개 생성 => 배열에 담기각 수를 42로 나눈 나머지를 배열로 담기 => .map() 이용정렬 후 같은 값은 삭제하기. (그 인자로 self 받는 메소드 사용해서)같은 문제를 for문과 Set을 이용하여 풀어보기. 입력

객체를 생성하기 위한 템플릿으로 특별한 함수이다. Class는 Class 표현식과 Class 선언 두 가지 방법으로 정의할 수 있다. 익명 클래스 혹은 이름을 가진 클래스 표현식으로 클래스를 정의할 수 있다. 주의할 점은 클래스 표현식 및 선언에 hoisting이 일어

코딩테스트 문제를 보다 효율적으로 풀기 위해 자료구조가 왜 존재하는지, 어떤 종류의 개념들이 있는지 간단하게 정리하고자 한다. "현실을 프로그래밍 적으로 표현한 것" 데이터 값의 모임, 데이터 간의 관계, 데이터에 적용할 수 있는 함수나 명령을 자료구조라고 한다. 자료

함수형 프로그래밍이 중요하다는 이야기가 자주 들려오고 있다. 그런데 이 함수형 프로그래밍, 함수형 언어가 무엇인지에 대해 구글에 검색해보아도 속 시원히 알기가 어렵다. 이 언어가 무엇인지, 왜 중요한 건지, 어떤 프로젝트를 할 때 활용할 수 있는 개념인지 알아야 나중에

나는 요즘 선릉 맛집을 소개하고 자유롭게 맛집에 대해 소통하는 커뮤니티가 있는 사이트를 만드는 프로젝트를 진행하고 있다. 모든 사람들이 사용 가능하도록 만드는 중이지만, 우선 주 대상은 위코더 600 여 명을 기준으로 한다. 위코드에서는 주로 구글 계정을 통해 다양한

0. 들어가며 프로젝트를 진행하며 회원가입, 로그인 페이지를 맡았다. 회원가입과 로그인을 할 때 요건에 맞는 정보를 수집해야 하는데, 이 때 이메일이나 패스워드같은 복잡한 문자가 조건에 부합하는지에 대해 검사하는 기능이 필요하다. 정규표현식 패턴을 적용하면 이 기능을

지난 포스팅에서 정규표현식의 정의, 기본 패턴, 관련 활용 도구를 알아보았다.본 포스팅에서는 자바스크립트에서 정규표현식이 사용되는 패턴 등을 공부하고, 포스팅을 하며 참고했던 자료를 소개한다.들어가며정의정규표현식 패턴1) 기본 패턴2) 위치와 이스케이핑3) 모든 문자4

회사에서 지도를 통해 구역을 분할하고, 분할한 구역을 일정 기준에 따라 묶어 사용자에게 보여주는 기능을 구상하고 있다. 그 기능을 구현하기 위해 필요한 기술 중 하나가 Marker Clustering이다. 이에 대해 공부하면서 내용을 짧게 메모하려고 한다.

제한사항: s는 길이가 1 이상, 100이하인 스트링입니다.풀고 다른 분들의 풀이를 보니, substr이라는 메소드를 새로 알게 되었다. 이 메소드를 활용해서 제한 조건: n은 1이상 8000000000 이하인 자연수입니다.처음에는 버블정렬 형식으로 풀고 제출했다. 이