Small Grey Outline Pointer soyoung-
본문 바로가기
React :: 버튼 클릭시 숫자 카운트 되기 새 프로젝트 폴더를 만들고 npm start를 해도 실행이 안되면 경로충돌이 일어난 경우일 수 있으므로 새로 다시 시작해보는게 좋다 리액트에서는 클릭! onClick => c를 대문자로 표기한다, onClick 뒤에 {} 가 사용된다 App.js import './App.css'; function App() { let counter = 0; const increase = () => { counter += 1; console.log('카운터 확인!', counter); }; return ( {counter} 클릭! ); } export default App; UI는 변함 없으나, 확인용 콘솔창에는 클릭시 숫자가 올라감을 확인할 수 있다 UI에도 숫자가 바뀌는 것을 보여지도록 수정해야 한다! 리액트에서는 s.. 2022. 8. 12.
[깃허브] 디렉토리 폴더에 화살표 표시/ 폴더 클릭 안되는 경우 깃허브에 업로드 할 때 git 쓰다가, 폴더 드래그해서 업로드하다가 이리저리 번갈아가면서 업로드 하던 중간에 꼬여서 이상하게 됐다 해당 폴더가 클릭이 안되고 화살표가 생겨났다 구글링해서 해결해보았다 참고 (https://zzang9ha.tistory.com/346) GitHub(깃허브) - 디렉토리에 화살표 표시(폴더 클릭이 안될 때) 📎 GitHub 디렉토리 화살표 표시 -> 폴더 접근 불가능 깃허브에서 한 디렉토리에 다른 디렉토리를 추가하는 도중 위와 같이 디렉토리에 화살표 표시가 생기고, 디렉토리에 접근이 되지않는 문제 zzang9ha.tistory.com .git 파일이 또 생겨나서 저런 상태가 되었다는 것을 알게 되었다 bash 터미널에서 명령어를 입력하여 하위 폴더 중 .git 파일이 있는 곳.. 2022. 8. 11.
리액트 기초 1. 리액트가 나오게 된 이유 - 자바스크립트만 가지고 개발을 하려니 불편한 점이 많았는데 다음과 같다 - 첫번째... document.getElementById('')를 이용해서 매번 아이템을 가져오고, 아이디를 주고, 선택해서 가지고 오고 이런 절차를 매번 필요할 때 마다 작성해주는 것이 너무 불편했음 심지어 스펠링이라도 틀리면 오타를 찾는데 헤메는 일이 발생하기도 함 - 두번째... 매번 새로운 페이지를 만들 때 마다, 스크립트 태그 걸고, 링크 해주고, 파일도 따로따로 관리해줘야 하고 이런 점들이 불편했다 사이트의 규모가 커지면 커질수록 페이지 숫자도 많아지는데 계속 따로따로 관리하려니 많이 불편한것이 사실 - 세번째... 새로운 페이지에 들어갈 때 마다, 새로고침이 되어진다 요즘 웹사이트를 데스.. 2022. 8. 10.
python :: lambda # %% lambda 함수 정의 def show(s): print(s) ref = show print(ref("adios~")) ref =lambda s: print(s) print(ref("helllllo")) f1 = lambda n1, n2: n1+n2 print(f1(10,8)) adios~ helllllo 18 def ref1(s): return s print(ref1("adios")) ref = lambda s: s # ref = lambda s: return s 이렇게 하면 오류가 난다 print(ref('adios')) # ref = lambda s: return s 와 같은 코드 f2 = lambda s: len(s) print(f2("adios")) f3 = lambda : print(.. 2022. 8. 5.
python :: iter 이터레이터 iterable 객체 : iter 함수에 인자로 전달이 가능한 객체 iterator 객체 : iter 함수가 생성해서 반환하는 객체 iterable 객체를 대상으로 iter 함수를 호출해서 iterator 객체를 만든다 iterator 객체를 생성할 수 있는 대상이 되는 것이 iterable 객체이다 # %% ds = [1,2,3,4] # for i in ds: # print(i) ir = iter(ds) print(next(ir)) print(next(ir)) print(next(ir)) print(next(ir)) 1 2 3 4 ds = [1,2] #iter 함수에 인자로 전달 가능한 객체 ir = iter(ds) #iter 함수가 생성해서 반환하는 객체 = 리모컨 print(next(ir)) # p.. 2022. 8. 4.
python :: list comprehension 리스트 컴프리헨션 r1=[1,2,3,4,5,6] r2=[] for i in r1: r2.append(i*2) print(r2) [2,4,6,8,10,12] r1 = [1,2,3,4,5] r2 = [x * 2 for x in r1] #리스트 컴프리헨션의 기본 구성 print(r2) [2,4,6,8,10] 컴프리헨션을 이용하여 값을 10씩 증가시킨 다른 리스트 생성하기 # %% 컴프리헨션을 이용하여 값을 10씩 증가시킨 다른 리스트 생성하기 d1 = [1,2,3,4,5,6] d2 = [x + 10 for x in d1] print(d2) [11,12,13,14,15,16] for문을 리스트 컴프리헨션으로 바꾸기 # %% for문 r1 = [1,2,3,4,5,6,7,8,9,10] r2 =[] for i in r1: if i %.. 2022. 8. 2.
python :: 얕은 복사(shallow copy) v1 = 'abc' v2 = 'abc' v1 == v2 #변수 v1과 v2가 참조하는 객체의 내용이 같은가? True v1 is v2 #변수 v1과 v2가 참조하는 객체는 동일한 객체인가? True True True v1=[1,2,3] v2=[3,2,1] print(v1 == v2) #리스트는 순서가 중요하다 따라서 false False r1=[1,2,3] r2=[1, 2, 3] print(r1 == r2) #True print(r1 is r2) #False True False 리스트나 딕셔너리처럼 값이 바뀔 수 있는 것들, mutable 객체는 동일한 내용의 객체를 갖고 있더라도 따로 객체를 만들어주게끔 되어있다 # %% r1 = ["enwoo",('man','KR'),[180,20]] r2 = lis.. 2022. 8. 2.
JavaScript :: 예외처리 try-catch 미리 에러가 나올만한 상황을 대비해서 에러핸들링을 적절하게 해주는 것이 좋은 코드 1. try 블럭 안에 있는 코드를 실행하다가 에러가 나면 2. catch 블럭 안에 들어가서 에러를 실행 3. 에러가 없다면 catch 블럭을 무시하고 넘어간다 4. try / catch는 오직 런타임 에러에만 동작한다. 즉, 실행 가능한 코드에만 try/catch가 사용될 수 있다 5. 만약에 {} 중괄호 짝이 안맞다던지, 등등의 문법적인 에러로 돌아가지 않는 코드라면 try/catch가 동작할 수 없다 try{ 에러가 발생될 수 있는 코드 입력 }catch(error){ 에러 핸들링 } try 에서 에러가 생기면 catch 블럭에 error정보를 error객체 안에 넣어서 매개변수로 전달해준다 Error객체를 살펴보면.. 2022. 8. 1.
동기와 비동기에 대한 간단한 이해 1. 자바스크립트의 구성 요소 stack자바스크립트 코드가 실행되면 실행될 명령들(스택 프레임)이 쌓이는 장소 스택에 새로운 프레임들이 들어오고 실행이 완료되면 나간다 드럼통처럼 생겨서 First In Last Out 구조의 자료형이다(먼저 들어온게 나중에 나간다) 예제) 다음의 코드가 stack에 어떻게 들어가는지 살펴보자 function add(x,y){ return x + y } function first(){ let i = add(1,1) console.log(i) } first() Heap동적으로 생성된 변수들은 메모리 heap에 가서 저장이 된다 테스크 큐(Queue) 웹 API로 부터 받은 테스크를 큐에 저장해 둔다 스택이 비워지면 이벤트 루프가 큐에 아이템을 꺼내다가 스택으로 올려준다 Fi.. 2022. 7. 29.
mySQL https://www.yalco.kr/lectures/sql/ MySQL 어려운 프로그래밍 개념들을 쉽게 설명해주는 유튜브 채널 '얄팍한 코딩사전'. 영상에서 다 알려주지 못한 정보들이나 자주 묻는 질문들의 답변들, 예제 코드들을 얄코에서 확인하세요! www.yalco.kr 원하는 조건의 row(행)만 걸러서 보기 WHERE 구문 뒤에 조건을 붙여 원하는 데이터만 가져올 수 있습니다. SELECT * FROM Orders WHERE EmployeeID = 3; 4. 원하는 순서로 데이터 가져오기 ORDER BY 구문을 사용해서 특정 컬럼을 기준으로 데이터를 정렬할 수 있습니다. ASC 오름차순 디폴트 DESC 내림차순 SELECT * FROM Customers ORDER BY ContactName; 5... 2022. 7. 27.