Leeyanggoo

좋은 기회 평소 양동준님의 유튜브 채널을 봐왔고, 디스코드 채널에도 들어가 쏠쏠한 정보를 얻고 있었다. 구독도 하고 꾸준히 보는 몇 가지의 이유가 있다. 최근 개발 트렌드와 문화를 알아보기 위해서 최근에 프론트엔드 취업을 준비하시는 분들의 스펙을 알아보기 위해서 최소한 나도 취준하시는 분들의 스펙만큼은 준비해야 겠다는 다짐과 늘 긴장을 놓지 않기 위해 특히 세 번째가 가장 중요한 이유이자 목적인데, 나는 내가 너무 너무 너무나 게으른 사람인 걸 내가 잘 알고 있다. 그래서 늘 긴장하고 지금 일을 하고 있다는 사실에 감사함도 느끼면서 항상 배워야 한다는 태도를 갖추기 위해서다. 또한 올해 안에 최근 프론트엔드 취업을 준비하시는 분들의 스펙을 따라잡는 게 목표이기도 하다. 그러던 중 유데미에서 "주니어 개발..

피자 나눠 먹기 (1) 머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세요. function solution(n) { var answer = Math.ceil(n/7); return answer; } 피자는 8조각이 국룰이란다... 머쓱아... 피자 나눠 먹기 (2) 머쓱이네 피자가게는 피자를 여섯 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 매개변수로 주어질 때, n명이 주문한 피자를 남기지 않고 모두 같은 수의 피자 조각을 먹어야 한다면 최소 몇 판을 시켜야 하는지를 return 하도록 solution 함수를 완성해보세요. f..

폰트 어썸(Font Awesome)이란? https://fontawesome.com/ Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 폰트 어썸(Font Awesome)은 디자이너, 개발자, 콘텐츠 제작자를 위해 다양한 아이콘을 제공하는 라이브러리입니다. 폰트 어썸에서 제공하는 아이콘들은 벡터 형식으로 제공되어 고화질의 아이콘을 사용할 수 있습니다. 해당 라이브러리를 사용하게 되면 HTML 요소에 클래스를 추가하여 아이콘을 삽입할 수 있으며, 다양한 크기와 ..

컴포넌트 Component? 컴포넌트(Component)란 구성 요소 혹은 기계의 부품이라는 뜻입니다. 웹 페이지 혹은 애플리케이션은 프로필, 이름, 게시글, 댓글, 좋아요 버튼 등 다양한 요소로 구성되어 있습니다. 이러한 각 요소들을 컴포넌트라고 부르며 웹 페이지나 애플리케이션의 디자인 및 기능을 구성하는 기본 단위로 생각할 수 있습니다. 위의 사진처럼 컴포넌트는 사용자 인터페이스(UI)를 만드는 데 사용되며, 독립적이고 재사용 가능한 요소들입니다. 마치 레고 블록을 사용하여 다양한 구조물을 만드는 것과 비슷합니다. 각 블록은 독립적이지만 다른 블록과 결합해서 다양한 구조물을 만드는 것처럼, 웹 페이지나 애플리케이션 또한 컴포넌트를 조합하여 전체 기능을 구축합니다. Props(Properties)? P..

RAECT란 무엇일까? REACT는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용됩니다. REACT는 페이스북이 개발하고 유지 관리하는 오픈 소스 JavaScript 라이브러리로, 사용자 인터페이스를 구축하는 데 사용됩니다. REACT는 효율적으로 웹 페이지의 UI를 업데이트하고 관리하는 데 초점을 맞추고 있으며, 가상 DOM(Virtual DOM)과 같은 기술을 통해 높은 성능을 제공합니다. 1. 컴포넌트 기반 아키텍처: REACT는 재사용 가능한 UI 구성 요소인 컴포넌트를 사용하여 코드를 모듈화하고 개발 효율성을 높입니다. 2. 가상 DOM: 가상 DOM은 실제 DOM의 가벼운 사본으로, 변경 사항을 먼저 가상 DOM에 적용한 다음 실제 DOM에 필요한 최..

나머지 구하기 정수 num1, num2가 매개변수로 주어질 때, num1를 num2로 나눈 나머지를 return 하도록 solution 함수를 완성해주세요. // function solution(num1, num2) { // var answer = num1 % num2; // return answer; // } const solution = (num1, num2) => num1 % num2 중앙값 구하기 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. function solution(a..

서른에 접어 뭔가를 새롭게 시작한다는 건 마냥 설레이는 일만은 아니다. 겨울잠을 자던 뇌를 깨워 배움에 전념하다 보면 뇌도 몸도 벌벌 떨리는 게 느껴질 정도이기 때문에. 늦깍이에 시작한 코딩을 지금까지 무사히 하고 있는 건 여러 Captin이 있었기에 가능했음이 떠올라 소개해보고자 한다. 1. 생활코딩 https://www.opentutorials.org/ opentutorials.org GIT 모듈내 토픽 갯수 42 봤어요 1,229 www.opentutorials.org 코딩에 입문하기 전 학원에서 꼭 보고 오라 했던 생활코딩의 강의. 처음엔 너무 안정적이고 나긋한 목소리에 졸음을 몇 번이나 참았던 기억이 난다. 그래도 알려주는 방식이 거의 유치원 애기들 상대하는 정도라 그런지 아무런 지식이 없던 내..

늘어나라 조회수

두 수의 나눗셈 정수 num1과 num2가 매개변수로 주어질 때, num1을 num2로 나눈 값에 1,000을 곱한 후 정수 부분을 return 하도록 soltuion 함수를 완성해주세요. function solution(num1, num2) { var answer = Math.trunc(1000 * num1 / num2); return answer; } 여기서 Math.floor()가 아닌 Math.trunc()를 쓰는 이유는 다음과 같다. Math.floor()는 "내림" 함수이기 때문에 만약 소수점이 있는 음수가 나온 경우 예상한 값과 다르게 출력될 수도 있다. -8.1234라는 값이 있다고 할 때 Math.floor는 -9를 출력하지만, Math.trunc() 함수는 소수점 이하를 모두 "제거"하..

두 수의 합 정수 num1과 num2가 주어질 때, num1과 num2의 합을 return하도록 soltuion 함수를 완성해주세요. function solution(num1, num2) { var answer = num1 + num2; return answer; } 두 수의 차 정수 num1과 num2가 주어질 때, num1에서 num2를 뺀 값을 return하도록 soltuion 함수를 완성해주세요. const solution = (num1, num2) => num1 - num2; 두 수의 곱 정수 num1, num2가 매개변수 주어집니다. num1과 num2를 곱한 값을 return 하도록 solution 함수를 완성해주세요. const solution = (num1, num2) => num1 * ..