티스토리

안선생, 오늘의 일기.
검색하기

블로그 홈

안선생, 오늘의 일기.

haea.tistory.com/m

Ahnss Memory.

구독자
1
방명록 방문하기
728x90
반응형

주요 글 목록

  • [NomadCoder] MMJS 6. function Function (함수) 선언 및 초기화 방법 function sayHello() { console.log("Hello!"); } function [함수명]() { } 니꼬쌤 설명으로는, 함수명은 음악 재생 버튼이며, 재생 버튼을 누를 때마다 중괄호, 즉 함수 내부의 코드 = 음악이 무한정 실행된다. Argument(인수) 포함 function sayHello(nameOfPerson) { console.log("Hello my name is " + nameOfPerson); } sayHello("Ahnss"); function [함수명]([인자1], [인자2]) { //인자의 개수는 0 ~ //인자(변수)는 지역변수이므로 함수 내부에서만 사용될 수 있다. console.log([인자1] + [인자2]);.. 공감수 0 댓글수 0 2023. 7. 6.
  • [NomadCoder] MMJS 5. Object Q. 리스트에서 다양한 유형을 쓸 수 있는데 왜 굳이 Object를 써요? Object의 의미 const playerName = "Ahnss"; const playerPoinsts = 12345; const playerOnline = treu; const playerState = "writing" 이런 객체를 하나 만들고, 그 객체를 '.(dot)' 형식으로 불러오고 싶다면? player.name player.points player.online player.state 일단 첫번째로 각각 var 지정 방법은 모든 변수명을 외우고 작성해야한다는 점에서 데이터 관리에 굉장히 부적합하다는 걸 알 수 있다. 그럼 array는 어떨까? const player = ["Ahnss", 12345, true, "writ.. 공감수 0 댓글수 0 2023. 7. 5.
  • [NomadCoder] MMJS 4. 자바스크립트 html console.log() , 변수 선언 const, let, arrays HTML 함수 index.html + browser 1. console.log() : 콘솔에 메세지 보냄. param::number or string,, 직관적으로 말해서, 콘솔에 괄호 안의 내용을 출력하는 것. 1) console.log("아무 문자열이나 넣기"); 혹은 colsole.log(12345); 2) index.html 브라우저로 돌아가 콘솔을 열어보면 해당 문자열이나 숫자가 올라와있는 것을 볼 수 있다. - JS 자바스크립트는 from top to bottom : 위에서 아래로 코드를 읽어내린다. - 개발자가 되려면 게을러야 한다. 하나하나 수정할 생각을 하지 마라! const a = 5; : variable a 상수 변수 a 생성. - 변수명 작성 관례 : const veryLongVar.. 공감수 0 댓글수 0 2023. 7. 3.
  • [NomadCoder] Making Momentum with JavaScript 3. intro 끝 index.html 1) 헤더 밑부분, 타이틀 위에 link로 rel은 stylesheet, href는 style.css 로 적어줌. - 그리고 index.html 파일을 브라우저로 열어보면! css 파일에 작성한 것 처럼 배경색이 바뀌어 있다. - 다만 일반적으로 js 파일은 위가 아니라 끝에서 작성된다. 2) body 에 - 다시 index.html 파일을 저장 후 브라우저에서 새로고침하면! 우리가 js 파일에서 작성하였듯이 알림창이 뜬다. - 앞으로 우리는 이 js 파일을 주로 수정할 예정이고, 브라우저를 새로고침하며 수정한 내용을 확인할 것인데, 잘못 작성된 코드가 있다면 브라우저에서 확인할 수 있다. 브라우저 개발자 도구의 Element는 CSS 내용을 볼 수 있고, Console은 JS 파일을.. 공감수 0 댓글수 0 2023. 7. 1.
  • [NomadCoder] Making Momentum with JavaScript 2. 터미널에서 vscode 실행, html-css-js의 동작 방식, index.html 기본 템플릿 생성 괜히 컨텐츠를 늘려보려고 시덥지 않은 글로 1을 썼지만 2는 진짜로 내가 몰랐던 내용이다. 터미널에서 vscode 바로 실행하기. % code . or % code momentum//폴더명 인데 code 라는 명령어가 없단다! 왜 나는 안되는데! 안되면 되게 하자. 1) 먼저 vscode를 켠다. (이럴거면 그냥 이대로 폴더를 열지.. 싶지만 언젠가 멋지게 터미널에서 vscode를 열어버릴 나를 위해...ㅎ) 2) 검색창 (command + shift + p)에 [Shall Command: install 'code' command in PATH] 줄여서 [Shall Command: PATH만 쳐도 됨]를 입력한다. 3) 해당 명령어를 설치! 끝! 4) 이제 터미널로 돌아가서, 열어볼 폴더에서 상단의 명령.. 공감수 0 댓글수 0 2023. 7. 1.
  • [NomadCoder] Making Momentum with JavaScript 1. finder에서 터미널 열기, vscode 설치 동현님 추천 사이트 노마드 코더, 애플코딩 유투버로 유명해서 노마드코더는 멋사 랑 같이 구독하던 몇 안되는 유투버였다. 멋사가 젠틀이라면 노마드코더는 광기가 어려있다고 보면 됨. 아무튼 대기업+학구파+연구원 현민오빠 vs 라이트+스피드+사업가 동현님 딱 그 사이의 나는... 어쩌냐했더니 동현님이 둘 다 해야지 어쩌겠냐, 현민오빠는 하나만 파라 ... 진자 둘이 정 반대라 나를 반 잘라 가져라 하고싶다... 일단 내 마음은 학구 연구파지만 현실이 이모양이라서 (어떤 음주운전 개자식때문에) 현실을 생각하고 어디든 들어갈 수 있을 것들을 병행하기로 했다. html, css, js는 기본이라고들 해서, 스프링 부트는 비싼 강의 듣고 js는 무료 강의 듣고..ㅎ.. 아무튼!!! 첫번째 배움. 1. finder에서.. 공감수 0 댓글수 0 2023. 7. 1.
  • [REACT/TODOAPP] tsconfig.json include 설정 "include": ["src", "src/**/*.ts", "src/**/*.tsx"], 지금 세팅 설정하기 > src/**/*.ts : src 폴더 + 모든 하위 폴더의 모든 ts 파일 포함 src/text?.txt : src폴더의 모든 + 이름 앞에 text가 붙은+ txt 파일 src/*.ts : src폴더의 모든 ts 파일 공감수 0 댓글수 0 2023. 4. 17.
  • [REACT/TODOAPP] react, typescript error 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.ts(2686) ㅂㄷㅂㄷ 1. VSCode에서 Quick Fix 라면서 추천하는 방법 import 'React' from 'react' -> 당장의 에러 코드는 없어지지만 yarn start 시 상동의 에러 발생 2. 구글링 1. package.json -> typescript, react, react-dom 버전 확인. // 가장 최근 버전 확인 tsconfig.json -> "compilerOptions": "jsx": "react" -> "react-jsx" or "react-jsxdev"로 변경 3. stack overf.. 공감수 0 댓글수 0 2023. 4. 13.
  • [REACT/TODOAPP]typescript error semi-colon expectedts-styled-plugin(9999) 오늘도 에러를 처리하는 나. 어디든 에러 처리하느라 시간 다 쓰는 건 변함이 없구나 하하 출처: https://velog.io/@heumheum2/vscode%EC%97%90-styled-component-%EB%AC%B8%EB%B2%95-%ED%95%98%EC%9D%B4%EB%9D%BC%EC%9D%B4%ED%8C%85-%ED%95%98%EA%B8%B0 vscode에 styled-component 문법 하이라이팅 하기 vscode에서 Styled Component를 사용하면 하이라이팅이 적용이 안되고 그냥 문자열 형태로만 입력된다.또한 스타일을 정의할 때에도 하나씩 적어야하는 불편함이 있었다. 찾아보니 생각보다 가까운 velog... 공감수 0 댓글수 0 2023. 4. 13.
  • [FrontEnd] 스파르타 코딩 네컷사진 inline 방식이 (전)개발자가 보기에 너무 화가 나서 강제로 JavaScript까지 공부했다. 하지만 여전히 window.onload의 사용법과 defer와의 차이점을 이해하지 못하겠다. upload : reference : 스파르타 코딩네컷 https://teamsparta.notion.site/0b826b68fcd34693ac2c6573fece125a#5395f54bd7b3422d8ad86c22eee4e5e6 [스파르타코딩클럽] 코딩네컷 :) 2벤트가 많은 2월, 소중한 여러분의 지인∙가족∙친구∙연인에게 추억과 감동을 담은 코딩네컷 선물, 어때요? teamsparta.notion.site html 색상코드 https://htmlcolorcodes.com/ HTML Color Codes Easily.. 공감수 0 댓글수 0 2023. 4. 12.
  • [React/TodoApp] rb-cra-template 사용해보기 https://github.com/react-boilerplate/react-boilerplate-cra-template GitHub - react-boilerplate/react-boilerplate-cra-template: Setup Create React App with React Boilerplate. Highly scalable & Best :fire: Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices. - GitHub - react-boilerplate/react-boilerplate-cra-template: Setu... github.com V.. 공감수 0 댓글수 0 2023. 4. 11.
  • [React/TodoApp] Install homebrew, git, node.js, yarn, rb-cra-template Install homebrew 1. google에 homebrew입력해서 사이트 들어간다. 2. 쉘 코드 복사 3. 맥북 터미널에 붙여넣기 4. 비번/엔터 5. next step이라고 되어있는 부분의 echo 명령어 두 개 입력 -echo 'eval ~~ >>~~~.zprofile -eval ~~ * 왜 인지는 모르겠지만 나는 첫번째 문장 중간의 괄호 위치가 애매해서 그냥 임의로 삭제하고 진행했다. *brew -v : 버전 확인하여 설치된 것을 확인. 아직도 중요성은 잘 모르겠다. 굳이..? yarn 설치법에 brew가 있어서 어쩔 수 없이.. brew install git : git 설치 brew install node : node.js 설치 brew install yarn : yarn 설치 아직도 s.. 공감수 0 댓글수 0 2023. 4. 7.
    728x90
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.