본문 바로가기

분류 전체보기404

[ONEBITE-REACT] JS 기본 - VSCode 준비하기 VSCode 에디터 준비하기 VSCode 에디터를 설치한다. 코딩을 돕는 플러그인을 설치한다. prettier ctrl + s로 저장만 해도 코드를 자동 정렬해주는 플러그인 설치가 완료되면 윈도우는 커멘트 쉼표를 눌러 설정 검색창을 열고 format on save를 검색하여 아래 이미지처럼 체크한다. Error Lens 코드에 오류가 있을 시 해당 입력창에서 바로 오류를 보여주는 플러그인 Live Server ctrl + s만 누르면 현재 작업 중인 파일을 웹 브라우저에서 별도로 새로고침을 하지 않아도 띄워주는 플러그인. VSCode에서 ctrl + shift + P를 누른 후 live server라고 검색하여 Open with Live Server를 눌러 실행시켜 준다. 이 과정은 .js파일이 아니라 .. Programing/React 2024. 3. 10.
2024-03-08 네이버 홈페이지형 블로그 구축 서론 친한 동기가 창업을 했다. 심리학에서는 남이 잘 되는 것을 공감해주는 것이 남의 슬픔을 공감해주는 것보다 더 어렵다고 이야기 한다. 하지만 이 동기가 시장에서 성공하고 본인의 뜻을 이루면서 경제적 자유를 이루는 모습을 상상하면 대리만족도 되고, 나와 상황이 같진 않지만 그래도 비슷했던 동기가 어두컴컴한 시장으로 맨 몸으로 뛰어든 것을 보면 자신의 자유의지를 실현해나가는 모습에 존경심까지 든다. 이 동기는 장교로 군 전역을 하고, 전공인 회계를 살려 제조업체의 회계팀에 어렵게 입사하여 일을 하다 본인의 전공과 전혀 상관이 없고, 주변에서 접점도 전혀 없었던 방충망 교체 사업으로 1인 창업을 하였다. 누구나 마음 속으로만 품고 있는 것을 이 동기는 직접 몸으로 실천한 것이다. 그만한 내적 동기나 자본이.. Programing/TIL 2024. 3. 8.
[JS] (프로그래머스) (Lv.0) flag에 따라 다른 값 반환하기 문제 두 정수 a, b와 boolean 변수 flag가 매개변수로 주어질 때, flag가 true면 a + b를 false면 a - b를 return 하는 solution 함수를 작성해 주세요. 답지 function solution(a, b, flag) { var answer = 0; return answer; } 정답 function solution(a, b, flag) { var answer = flag ? a + b : a - b; return answer; } 해설 이것도 앞의 문제와 동일하게 삼항 연산자로 표현할 수 있다. 일단 문제에서 true면 이것, false면 저것이라는 표현이 있기 때문에 조건문이 사용된다는 것을 알 수 있다. 따라서 flag가 true면 a+b를, flag가 false.. Programing/CodeKata 2024. 3. 6.
[JS] (프로그래머스) (Lv.0) n의 배수 문제 정수 num과 n이 매개 변수로 주어질 때, num이 n의 배수이면 1을 return n의 배수가 아니라면 0을 return하도록 solution 함수를 완성해주세요. 답지 function solution(num, n) { var answer = 0; return answer; } 정답 function solution(num, n) { var answer = (num % n === 0) ? 1 : 0; return answer; } 해설 function을 사용해 soultion()이라는 함수를 만든다. soulution이라는 함수는 (num, n)이라는 두 개의 매개변수를 받는다. num가 n의 배수라는 것은 num을 n으로 나누었을 때 나머지가 없이 딱 떨어지면 배수인 것이고, 나머지가 발생하면 .. Programing/CodeKata 2024. 3. 6.
[코드팩토리] 클래스 기본기 (Class basics) 정의 사전적 정의 클래스는 객체지향 프로그래밍에서 특정 객체(인스턴스)를 생성하기 위한 변수와 메소드(함수)를 정의하는 일종의 틀이다. 코드팩토리 정의 정보를 일반화해서 정리하는 방법이다. 상세설명 예를 들어 아이브 멤버들의 이름으로 안유진, 가을, 레이, 장원영, 리즈, 이서라는 것을 알고 있다. 그리고 출생년도가 각각 2003, 2002, 2004, 2004, 2004, 2007년이라는 것을 알고 있다. 이것을 보면 우리는 두 개의 데이터를 알 수 있는 것이다. 사람의 이름과 출생년도. 이 이름과 출생년도라고 카테고리를 만든 것이 클래스가 된다. 그리고 안유진, 2003년 출생이라는 두 개의 클래스가 모여서 실제 사람 안유진을 만들어내게 되는데 이렇게 클래스가 모여서 만들어낸 것을 객체(인스턴스)라고.. Programing/JavaScript 2024. 3. 5.