Jerry

1. https://juicyjerry.tistory.com/263 프로그래머스_programmers_자릿수 더하기 function solution(n) { let splitNumber = String(n).split(''); let splitNumberSum = splitNumber.reduce((acc, cur) => Number(acc) + Number(cur), 0); return splitNumberSum; } juicyjerry.tistory.com 2. https://juicyjerry.tistory.com/264 [리뉴얼] 렛츠기릿 자바스크립트 #3 객체 객체(object)는 자료형의 일종으로 다양한 값을 모아 둔 또다른 값입니다. 객체의 종류는 크게 배열(array), 함수(functio..

1. https://juicyjerry.tistory.com/259 프로그래머스_programmers_콜라츠 추측 function solution(num) { let answer = 0; while (num !== 1) { if (num % 2 === 0) num /=2; else if (num % 2 === 1) num = num * 3 + 1; answer++; if (answer === 500) { answer = -1; break; } } return ans.. juicyjerry.tistory.com 2. https://juicyjerry.tistory.com/260 [리뉴얼] 렛츠기릿 자바스크립트 #2 논리연산자 !연산자: 식 앞에 !를 붙이면 반대 논리값으로 변한다 이 성질을 이용해 다른 자..

1. https://juicyjerry.tistory.com/253 프로그래머스_programmers_짝수와 홀수 function solution(num) { let answer = 0; if (num % 2 === 0) answer = "Even" else answer = "Odd"; return answer; } juicyjerry.tistory.com 2. https://juicyjerry.tistory.com/254 TypeError [Error]: Assignment to constant variable. TypeError [Error]: Assignment to constant variable. MDN의 의하여 TypeError 객체는 아래의 3가지 경우일 때 발생하는 에러의 한 종류다. 함수..

이제부터 TIL를 신경을 쓰려고 한다. "다른 카테고리에 글을 올렸으니 됐어~ "라고 생각하고서 지내왔는데, 다른 모범적(?)인 블로그를 보고 TIL를 남겨서 눈에 보이는 결과물을 쌓고 싶어 졌다. (like 깃허브 잔디심기) 오늘 한 일 생활 코딩 node.js : 수업 소개, 수업 목적, 공부 방법 수강 chatterbox server 스프린트 : method(GET)와 url이 동일할 때, 상태 코드 응답 기능 구현 알고리즘 문제 한 문제 풀었음 오늘 느낀 점 서버 부분의 공부가 더 필요하다고 느꼈다. 여러 번 고민하고 공부를 했는데 낯설다. 사실 그래서 생활코딩을 찾아보게 되었다. til를 잘 유지관리해야겠다. 알고리즘 유지관리 쉽지 않다. 오늘 할 일 Chatterbox-Node-server /..

Database and SQL Flow Example ex) (클라이언트) 남자 직원들 목록 보여줘 -> (서버) SELECT * FROM employee WHERE gender='M'; -> (데이터베이스) 필터링 후 결과값을 서버로 전달 -> 서버가 클라이언트에게 결과물을 전달 ( 클라이언트 -> 서버 -> 데이터베이스 -> 서버 -> 클라이언트 ) SQL Tutorial and SQL Database SQL Tutorial에서는 Syntax Select : SELECT * FROM table_name; // ' * '는 와일드카드라고 부르며, 전체를 가리키며, 저 자리에 column이 들어갈 수 있음 Where : SELECT * FROM table_name WHERE condition; // 컨디..

어제 오전 9시부터 오늘 오전 11시까지 HA 시간이었다. "이번 HA의 주제는 Full Stack으로 영화 정보를 보여주는 애플리케이션을 만드는 것입니다. 클라이언트와 서버 각각 구현해야 할 요구사항이 아래 제공되어 있습니다." 위 문장에서 보는 거와 같이 클라이언트 부분과 서버 부분을 작업을 통해 구현해야 하는 미션이다. React와 Express를 이용해야 했다. #2 처럼 구현해야 하는데, 난 #1까지 구현했다. #1처럼 보이게 하는 거까지 예상 대비 일찍 짰지만, 그다음부터 코드가 꼬였는지 삽질 & 삽질의 반복이였다. #1 #2 마감 시간 후에 공개된 reference를 참고 삼아 셀프 리뷰를 해보면서, 내가 구현이 안 돼서 답답했던 부분도 알 수 있어서 사이다 && 무엇보다 부족했던 부분까지 ..

웹, 데스크톱, 모바일 등 다양한 플랫폼에서 활용할 수 있는 프론트엔드 라이브러리. 이전에 나는 페이지 단위의 DOM 개발을 다뤘다면, 이제는 컴포넌트 단위의 개발을 다룬다. React React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”. React 리액트는 유저 인터페이스(Ui)를 빌딩하기에 선언적, 효율적이며 유연한 자바스크립트 라이브러리다. 리액트는 컴포넌트라고 불리는 작고 독립된 코드 조각들을 가지고 복잡한 UI들을 ..

미뤄두어 해야 될 학습 부분과 자료들도 쌓여있고, 스케줄에 따라 진행되기 때문에 빠르게 새로운 내용에 친숙해져야 되고, 알고리즘도 풀어야 되고, 블로그에 글도 써야 하고, 스프린트 과제 보완도 해야 하고, 운동도 해야 하고, 책도 읽어야 하고... 다들 그럴 것이다. 나도 그러다. 글로만 적어도 2줄이다. 실제로, 대충 하려고 해도 힘이 부친다. 마음을 비우고 현재에 집중하자. 서버는 무얼 하는 녀석인가? -> 서버는 무엇인가를 제공하는 주체입니다. HTTP 서버는 무얼하는 녀석인가? -> HTTP Protocol을 통하여 통신하여서 API를 제공하는 주체입니다. Common JS는 무얼하는 녀석인가? -> 위키피디아에서, 자바스크립트 모듈 시스템이라는데.. -> 모듈화, 전역 객체인 exports 객체..