• 티스토리 홈
  • 프로필사진
    브라더 코드
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
브라더 코드
  • 프로필사진
    브라더 코드
    • 전체 (96) N
      • Web (2)
      • Javascript (20)
        • vanilla (13)
        • react (3)
      • Css (4)
      • TIL (8)
      • Etc (9) N
      • Dev (4)
      • Diary (48)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [개발일기] 몽고DB 설치 및 실행(맥북)
        브라더 코드:
        (2023.06.12) 개발에서 프로그램 설치과정은 문서로 정리해두는게 필요하다. 1. Brew 설치 2. Brew tab mongoldb/brew : brew로 몽고디비 brew를 가져온다는 뜻 3. Brew install mongoldb/brew/mongodb-community : 몽고 디비도 종류가 많은데 그 중에서 무료, 가벼운 제품인 커뮤니티를 설치 4. Mongod : 실행했을때 객체가 막 나오면 설치된 것 5. Brew services start mongoldb-community : brew services로 몽고디비 커뮤니티를 실행 6. Brew services list : 몽고디비 커뮤니티 started라고 되어있으면 실행중인 것 7. Mongo : 몽고디비에 접속하는 명령어 8. Bre..
        • 2023-07-05 18:01:59
      • [개발일기] url구성, 웹페이지 표출 과정
        브라더 코드:
        (2023.06.11) 복습하게 된 내용이다. 웹에서 아주 기초적이지만 중요한 것. 1. url 구성 http://www.naver.com:80/path/resource?a=b 1) http : 프로토콜, 통신규칙 2) www.naver.com : 도메인(호스트) 3) 80 : 포트(대부분의 웹사이트에서 기본포트가 80번이어서 생략) 4) path/resource : 리소스 경로 5) a=b : 쿼리(데이터를 어떻게 조회해올 것인지에 대한 내용. 예를 들면 게시글의 작성순/인기순 정렬) 2. 웹페이지 표출과정 클라이언트 브라우저 도메인 네임 서버(DNS) ↘︎↖︎ 네이버 서버 1) 클라이언트가 브라우저에 url주소(예시:www.naver.com)를 입력한다. 2) 브라우저는 먼저 도메인 네임 서버에 ip..
        • 2023-07-05 17:54:48
      • [개발일기] js 소소한 TIL
        브라더 코드:
        (2023.06.10) node js 해보면서 배운 두가지 1. 객체의 키에 변수를 넣을땐 [ 변수 ] let name = 'macbook'; let productPrice = { [name]: 3_000_000 }; console.log(productPrice); // { macbook: 3000000 }; 2. 구조분해 할당시 default값을 주는 방법은 = 연산자 원래 함수 파라미터에서 쓰는걸로 알고 있었는데 구조분해 할당할때도 동일하다. let person = { name: 'kim', age: 23, address: 'seoul' }; let { name, age, address = 'busan', job = 'student' } = person; console.log(job); // stud..
        • 2023-07-05 17:38:58
      • [개발일기] slice의 또 다른 기능
        브라더 코드:
        (2023.06.09) js는 배열을 쉽게 다룰 수 있게 한다. 기존 배열에서 특정 범위의 값들을 잘라서 '새로운' 배열을 만들때 slice를 쓴다. slice의 가장 중요한 점은 원본 배열에 영향을 주지 않는다는 것! slice(a, b); 에서 첫번째 a는 시작 인덱스, 두번째 b는 종료 인덱스를 의미한다. 주의할 점은 시작 인덱스 값은 포함하지만 종료 인덱스 값은 포함하지 않는다. 만약 종료 인덱스를 적지 않는다면 시작 인덱스 값부터 배열의 마지막 값까지 모두 복사한다. 제목에서 말한 또 다른 기능이란, '배열을 전체 복제하는 것'이다. 방법은 slice()의 인자로 아무것도 넣지 않으면 된다. let a = [1,2,3,4,5]; let b = a.slice(); console.log(b); //..
        • 2023-07-03 11:15:49
      • [개발일기] git branch 확인
        브라더 코드:
        (2023.06.08) git의 브랜치를 확인할때 명령어 로컬 목록 보기 git branch 리모트 목록 보기 git branch -r 전체 목록 보기 git branch -a 여기서 한가지 더 있다. 로컬/리모트 브랜치 목록과 각각의 커밋상태를 볼 수 있는 명령어. git branch -av 이걸 실행하면 리모트에 push 할지 말지 알 수 있다.
        • 2023-06-28 12:27:59
      • [개발일기] js의 문자열 자르기(slice)
        브라더 코드:
        (2023.06.07) 문자열을 원하는 형태로 만들기 위해선 잘라야 한다. js에선 slice 메소드가 있다. // 뒤에 있는 문자열 자르기 let a = "name-header"; let b = "age-header"; let c = "address-header"; let res1 = a.slice(0, -7); let res2 = b.slice(0, -7); let res3 = c.slice(0, -7); console.log(res1); // name console.log(res2); // age console.log(res3); // address // 앞에 있는 문자열 자르기 let e = "header-name"; let f = "header-age"; let g = "header-addres..
        • 2023-06-22 00:30:44
      조회된 결과가 없습니다.
      [1][2][3][4][5][6][7][···][16]
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바