희락코딩

#문제 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다. #제한 사항 두 수는 1이상 1000000이하의 자연수 입니다. #입출력예시 n m return 3 12 [3,12] 2 5 [1,10] 자연수 2와 5의 최대공약수는 1, 최소공배수는 10이므로 [1, 10]을 리턴해야 합니다. # 문제 풀이 및 코드작성 최대공약수와 공배수를 구하는 방법을 코드로 작성하기가 너무 어려웠다..... 그래서 검색을 해보니 유클리드 호제법이라는 방법이 있었고 최대..

개발 공부 71일차 2021-06-14 (객체지향, 프로그래머스, 무비앱 클론 코딩) 오늘은 객체지향에 대해 공부하였고 한번 본 내용이여서 그런지 이해가 잘되었다! 그리고 오늘 부터는 꾸준히 프로그래머스 1단계를 풀것이다!! 비록 2,3 단계는 아니지만 언젠가 실력향상이 되는 날을 기대하며 계속 할 것이다!!! 그리고 무비앱 클론 코딩... 어느정도 완성은 했지만 에러가 난다.... 백엔드 서버 부분에서 잘못했는지 미치겠다... 어디서 꼬인건지 모르겠다 ㅋㅋㅋ 내일 다시한번 봐야 겠다!!! 여튼 내일은 재귀함수에 대해 학습한다! 재귀는 어느정도 개념 정리가 된 상태여서 두렵지 않지만 이틀 뒤에 ..... 좌절과 고통스러웠던 자료구조와 알고리즘을 또 만나게 된다...... ㅠㅠ 무섭지만 다시 한번 도전해보..

# 문제 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. # 제한 조건 - num은 int 범위의 정수입니다. - 0은 짝수입니다. # 입출력 예 num return 3 "Odd" 4 "Even" # 코드작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 #1.solution function solution(num) { return num%2 ? "Odd":"Even" } #2.solution function solution(num) { if(num%2===0){ return "Even" }else{ return "Odd" } } cs 1단계여서 그런지 너무 쉬웠다..... 첫번째 방법은 삼항 연산자를 통해..

개발 공부 64일차 2021-06-07 (리덕스 개념정리) 아... 요즘 알람소리를 못듣는다.... 너무 늦게 일어 나서 당황.... 설마 긴장의 끈이 풀린 건가 ?? ...... ㅠㅠ 예전의 나와 너무 비교 된다..... 너무 설렁설렁 넘어가고 열정이 식은 느낌이다.... 날도 더워지고 뭔가 몰입이 안된다... 주말부터 내가 왜그러는지 내 자신도 모르겠다 ㅋㅋㅋ 정신차리자... ㅠㅠ 공부가 안될땐 영상 시청이 좋은것 같다... 아무것도 안하는 것 보단 뭐라도 보면서 하나라도 더 듣고 보는게 좋기 때문이다 그래서 오늘 하루종일 리덕스 강의만 주구장창 봤다! 그래도 나름 효과가 있어서 다행이다...!! 내일은 강의를 본 것을 토대로 오랜만에 블로그 작성을 해서 리덕스를 정리하는 시간을 가져야 겠다!!! 개..

#1. Redux 리덕스는 상태관리를 효율적으로 도와주는 라이브러리 입니다. 웹, 앱 어플리케이션의 상태들이 많아지고 복잡성이 늘어남에 따라 보다 효율적이고 안정적인 상태 관리를 위해 리덕스와 같은 상태 관리 라이브러리를 사용합니다! npm트렌드 동향에 따르면 리덕스는 가장 높은 사용률을 가지고 있습니다! 그리고 리덕스는 리엑트를 위한 라이브러리라고 착각하지만 자바스크립트 환경이라면 사용 가능한 라이브러리 입니다! #2. Redux를 쓰는 이유 리엑트는 상위 컴포넌트에서 하위 컴포넌트로 단방향 흐름으로 상태를 전달 시키는 구조로 되어 있습니다! 만약 위의 사진처럼 복잡해진 컴포넌트 관계 속에서 상태를 변화 시켜 주려한다면 왼쪽 모양처럼 올라가고 내려가고 많은 컴포넌트를 거쳐 원하는 컴포넌트에 상태를 전달..

#. Styled Components 가 뭐얌 ? css나 sass같이 class, id, tag name을 가져와서 쓰지 않고, 별도의 스타일 컴포넌트를 생성하여 태그에 쓰는 것을 말합니다. 스타일 컴포넌트는 ui단위를 나누어 컴포넌트화 하기때문에 재사용이 가능하며 props로 속성까지 전달하여 조건을 붙일수 있어 여러모로 다양한 이점이 있습니다. #. Styled Components 특징! Automatic critical CSS - Styled Component 는 화면에 어떤 컴포넌트가 렌더링 되었는지 추적해서 해당하는 컴포넌트에 대한 스타일을 자동으로 삽입합니다. 따라서 코드를 적절히 분배해 놓으면 사용자가 어플리케이션을 사용할 때 최소한의 코드만으로 화면이 띄워지도록 할 수 있습니다. No c..

개발 공부 57일차 2021-05-31 (server, 네트워크, 미들웨어, express 복습) 요즘 정말 지친다..... 집중이 안된다........ 힘들다... ㅠㅠ 조금 여유롭게 공부하고 싶은 생각이 든다.... 너무 앞만보고 달려왔는지...... 몸상태가 많이 안좋다... 체력도 예전같지가 않다...... 후....... 블로깅도 너무 많이 쌓였다 ㅋㅋㅋ 뭔가 동기부여가 필요한 시점이다........ 여튼 오늘 서버 express를 복습하는 시간을 가졌고 많이 어려운 내용이였지만 기본적인 구현은 가능한것 같다! 특히 일반적인 서버구현은 손이 많이 가는데 express 라이브러리를 사용하여 좀 더 압축하고 편리하게 사용할수 있어서 좋은것 같다! 까먹기 전에 얼릉 정리해야되는뎅..... 시간이 없당..

너무나도 생소한 서버 공부 어떻게 구현 했는지 과정을 남겨 보고자 블로깅을 하였습니다! 우선 express 설치와 nodemon 실행 했다는 가정하에 진행하겠습니다!!@# 1. express 설치 및 nodemon 실행하고 기본 구조 작성하기! 처음 위와 같은 구조로 작성 하였습니다!!! get요청이 실행되면서 브라우저에 출력 되었고 터미널 창도 에러없이 잘 출력되었습니다!!! 2. 정적파일 불러오기를 활용해서 브라우저에 html파일 출력하기! Express에서 정적파일 제공을 참고하여 app.use(express.static('client') 코드를 작성해서 브라우저에 출력 되도록 만들었습니다! 여기서 client는 하나의 디렉토리 파일이고 안에 index.html 파일이 있습니다! 3. post 요청..