전체 글
-
[PowerShell] yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\user\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다.💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 9. 27. 15:46
문제 컴퓨터를 바꿔가면서 이것 저것 작업 중인데 다른 환경에서 vscode를 깔고 yarn 을 설치하고 yarn start를 실행하니 아래와 같은 에러가 나왔다. yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\user\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 자세한 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID= 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID= 135170)를 참조하십시오. 위치 줄:1 문자:1 + yarn start + ~~~~ + Categ..
-
[vscode] 주석 색상 변경👩💻 개발 도구 및 환경 2022. 9. 24. 11:59
vscode의 주석이 잘 안보여서 색상을 변경할 것이다. Ctrl + , 를 눌러 '설정'을 열어주거나, 왼쪽 하단에 톱니바퀴 버튼을 눌러 '설정'을 찾아 열어준다. 설정창에서 json 검색. settings.json에서 편집 클릭. 그러면 문서가 열린다. 아래 코드를 입력해준다. "editor.tokenColorCustomizations": { "comments": "#5f84b4" //원하는 색상 색상값은 원하는 걸로 바꿔서 사용하면된다.
-
[React Native] StyleSheet와 CSS의 주요 차이점📌 CSS 2022. 8. 8. 13:29
StyleSheet와 CSS의 주요 차이점 셀렉터라는 개념이 없다. 모든 스타일 속성은 camelCase로 작성한다. display 속성은 기본적을 flex이며 , 다른 값은 none 밖에 없다. flexDirection 속성의 기본값은 웹에서는 rew이지만, 리액트 네이비트에서는 column 이다. 리액트 네이티브에서 스타일링할 때 숫자 단위는 dp 뿐이다. background 대신 backgroundColor를 사용해야 한다. border 대신 borderWidth, borderStyle, borderColor 등을 따로따로 설정해야 한다. (축약형이 없다.) 리액트 네이티브에서는 별도의 CSS 파일에 스타일을 작성하지 않고, 자바스크립트 파일 안에서 StyelSheet라는 것을 사용한다. const..
-
웹표준, 웹접근성 검사하기👩💻 개발 도구 및 환경 2022. 7. 17. 17:07
퍼블리셔 공부를 하게되면 자연스럽게 배우게 되는게 웹표준과 웹접근성인 같아요. 웹 표준 ? (웹 표준화 단체인 W3C가 권고한 표준안에 따라) 사용자가 어떤 브라우저나 기기를 사용하더라도 내용을 동일하게 볼 수 있도록 하는 것. 웹 접근성 ? 모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것. 내가 작성한 마크업이 웹표준, 웹접근성에 맞추어 잘 작성했는지 확인해보려면? HTML 웹표준 검사 HTML은 W3C Validator HTML 마크업 검증 사이트를 이용하면 됩니다. http://validator.kldp.org/ The W3C Markup Validation Service 파일 업로드로 유효성 검사 주의: Windows XP SP2 의 몇몇 IE 에서는 업..
-
[React] props 와 state 차이점📌 React 2022. 6. 29. 02:36
props 와 state의 차이점? props, state 데이터를 다룰때 사용되는 개념이다. 일반 JavaScript 객체이다. 차이점? props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면, state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리한다. props 부모 컴포넌트가 자식 컴포넌트한테 전달하는 데이터이다. (자식 컴포넌트 입장에서) 읽기 전용이다. - 읽기 전용. - 부모요소에서 설정하는 것. - propTypes를 통한 props 검사가 가능. 예제 자식 컴포넌트 import React from 'react'; const MyProps = (props) => { return 안녕하세요. 제 이름은 {props.name} 입니다.; }; export default MyProp..
-
[JavaScript] 배열📌 JavaScript 2022. 6. 28. 04:40
게시판 같은 목록들은 어떻게 구현될까? 예제 배열[1,2,3,4,5] 의 각 요소를 제곱해서 새로운 배열 생성하기 var 숫자들 = [1, 2, 3, 4, 5]; var 요소를제곱하기 = 숫자들.map(function(num){ return num * num; }); console.log(요소를제곱하기); // 결과 // [1, 4, 9, 16, 25] 위의 내용을 ES6 문법으로 작성해보기 const 숫자들 = [1, 2, 3, 4, 5]; const 요소를제곱하기 = 숫자들.map(num => num * num); console.log(요소를제곱하기); // 결과 // [1, 4, 9, 16, 25] 배열 컴포넌트를 위한 map() 함수 사용법 const 먹어야하는과일목록 = [ { 과일이름: '사과..
-
[React] 리액트 dependency 'react-img-zoom'📌 React 2022. 6. 27. 21:41
배경 jquery.zoom(http://www.jacklmoore.com/zoom/) 를 대체할만한 것을 추천 받아서 이를 공유해보려고 합니다. http://www.jacklmoore.com/zoom/ jQuery Zoom jQuery Zoom A plugin to enlarge images on touch, click, or mouseover. Demo Hover Grab Released under the MIT License, source on Github (changelog) Download Compatible with: jQuery 1.7+ in Chrome, Firefox, Safari, Opera, Internet Explorer 7+. Install via www.jacklmoore.com ..