coding 215

[react] operation not permitted, rename (파일명 변경 안 될 때)

https://github.com/facebook/create-react-app/issues/9091 Error: EPERM: operation not permitted, mkdir 'C:\Users\Vaidehi' TypeError: Cannot read property 'get' of undefined · Issue #909 Im trying to create a react app using command create-react-app and getting the error of, MY COMMAND: (using . as i want to create the app in the current folder itself) C:\Users\Vaidehi Shah\Desktop... github.com 상..

coding/React & Next 2022.07.15

브라우저별 벤더 프리픽스

벤더 프리픽스(Vendor Prefix) 세계적으로 가장 많이 사용되는 웹 브라우저에는 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 등이 있습니다. 벤더 프리픽스(vendor prefix)란 이러한 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사(prefix)를 의미합니다. 즉 아직 CSS 권고안에 포함되지 못한 기능이나, CSS 권고안에는 포함되어 있지만 아직 완벽하게 제정된 상태가 아닌 기능을 사용하고자 할 때 벤더 프리픽스를 사용하게 됩니다. 그렇게 하면 해당 기능이 포함되어 있지 않은 이전 버전의 웹 브라우저에서도 그 기능을 사용할 수 있게 됩니다. 주요 웹 브라우저의 벤더 프리픽스(vendor prefix) 주요..

coding/coding etc 2022.07.06

컴파일과 빌드 차이점

아 또 까먹음. 다시 정리하면 또 기억나겠지.. 평소 이클립스와 같은 IDE를 사용하기 때문에 컴파일과 빌드의 개념에 대해 잘 알지 못했다. 단지 소스코드를 작성하고 이클립스에서 run을 실행하면 알아서 모든 과정이 자동으로 실행되기 때문이다. 그래서 컴파일과 빌드란 단어를 잊고만 살았었다... 옛날에 전공서적에서 어렴풋이 본 기억만 날뿐...ㅎㅎ 컴파일과 빌드란 무엇이고 그 차이점에 대해서 알아보자. 1. 컴파일(Compile) 컴파일이란 개발자가 작성한 소스코드를 바이너리 코드로 변환하는 과정을 말한다. (목적파일이 생성됨) 즉, 컴퓨터가 이해할 수 있는 기계어로 변환하는 작업이다. 이러한 작업을 해주는 프로그램을 가르켜 컴파일러(Compiler)라 한다. 자바의 경우, 자바가상머신(JVM)에서 실행..

coding/coding etc 2022.07.06

flex justify-content가 안 될 때는 부모의 width가 지정 없이 content만큼만 width되어서 그런 걸 수 있음

디스코드에서 물어본 질문과 친절한 답변들... 감사합니다.. Q: 안녕하세요, css flex, position 질문 있습니다! fixed 된 헤더를 만들기 위해, 먼저 flex를 사용해서 모양을 잡은 후, fixed를 주었는데, header의 justify-content: space-between;가 먹히지 않습니다. header 부분에 width: 100%을 주면 된다는 것을 본 것 같았는데 그러면 헤더가 우측으로 몇 미리 더 오버되고 바른 방법이 아닌 것 같습니다... 이것 왜 그런 것인지 아시는 분 있을까요..? https://codepen.io/nyw00/pen/bGvNzmy bGvNzmy ... codepen.io A: 지금 간단하게 확인해보니 문제는 header width 가 content ..

coding/CSS & SCSS 2022.07.06

개발자 구글링 핵심 요약

혹시 까먹을 지 모르니 다시 한 번 더 정리 개발자 구글링 핵심 요약 검색 예시 implement something javascript 구현하다, 구현하려는 대상, 스택 something javascript example 대상, 스택, 예제 개발 시 검색 팁 1) 내가 뭘 모르는지 질문부터 (문법, 라이브러리, 만드는 법) 2) 영어로 검색 3) 구글 검색 1. "정확히 일치하는 문장 찾기" ex) 에러메세지 같은 경우는 "에러메세지 111" 등으로 따옴표 이용해 정확히 찾는 것 나쁘지 않음. 2. 최신 문서 찾으려면 react tutorial after:2022 이렇게 하면 2022년 이후, 혹은 그냥 검색 후 anytime에 날짜를 정확히 입력 3. -php 특정 정보=php 삭제하고 검색 ) 4. ..

coding/coding etc 2022.06.29

크롬 구글에서 바로 유튜브 검색 안 될 때 설정 바꾸기

크롬에서 youtube 주소 url 검색하고 tab하면 바로 유튜브에서 검색 가능한데.. 어느날 부터 안 됐다. 귀찮아서 계속 냅두다 계속 유튜브 들어가서 검색하는 게 귀찮아서 오늘 왜 그런지 설정을 찾아보았고 드디어 찾아냄! 1. 크롬 상단의 점 3개 버튼 클릭 > 설정 2. 상단 검색에 '사이트 검색' 검색 후 하단 검색 결과 클릭 3. 원하는 사이트가 비활성화 되어있으면 바로 버튼 클릭해서 활성화! 활성화 하면 바로 적용됨. 여기에 없으면 새로 추가해야 하는데.. 검색엔진에 추가된 사이트면 그냥 안해도 자동으로 되는 듯? (Bing은 없는데 된다~) 끗 >0

coding/coding etc 2022.06.25

연산자의 종류(비트 연산자 설명)

1. 산술연산자 +, -, *, %, ++, — 2. 대입연산자 =, +=, -=, *=, /=, %= 3. 비교연산자 값을 비교하여 얻은 결과 값이 참인지 거짓인지 확인 >, =, 정수를 컴퓨터로 저장 시 비트(0,1)로 저장 됨 Inter는 보통 4bytes, 32bits에 1과0이 들어갈 수 있음. 맨 앞의 부호는 양수와 음수를 나타내는 부호로 2의 31제곱만큼 사용 가능. 양수의 경우, 0을 포함하고 있기에 2의 31제곱-1(2,147,483,647)만큼 표현 가능, 음수는 2의 31제곱(2,147,483,648) 21억 쯤까지 구현. 0 0 0 0 0 1 0 0 0 1 7 0 1 1 1 -1(음수의 경우, 문장부호를 제외한 이진수의 숫자의 값이 커질수록 큰 수) 1 1 1 1 -8 1 0 0 0..

coding 2022.06.23

[asp.net] 느슨하게 결한된 구성요소 작성

느슨하게 결한된 구성요소 작성하기. MVC 패턴의 가장 중요한 특징 중 하나는 관심사의 분리가 가능하다는 점이다. 응용프로그램의 각 구성 요소들은 최대한 독립성을 유지하고 제어가 가능한 수준에서 최소한 상호의존성을 가지는 게 좋다. 이상적인 상황에서 각각의 구성요소는 다른 구성요소들에 관해서 전혀 알지 못한 채, 오직 추상 인터페이스만을 통해서 응용프로그램의 다른 영역들과 연계되어야 한다. 이런 상태를 느슨한 결합(Loose Coupling)이라 하며 앱의 테스트와 수정을 쉽게 만들어줌. ex) 전자 메일 메세지를 전송하기 email 전송을 위한 MyEmailController 구성요소 작성, 메일 전송에 필요한 모든 public 함수들을 정의하는 IEmailSender라는 이름의 인터페이스를 구현한다고..

coding/asp.net 2022.06.23