흰둥씨의 개발장

https://sandbox.cs50.io/ 1) C 기초 //hello.c #include int main(void) { printf("hello world\n"); // \n 줄바꿈의미 } 스크래치에서 블록은 시작하는 역할 ; (세미콜론)은 코드를 끝내는 의미 C에서는 스크래치의 블록과 같은 함수를 사용하기 위해 컴퓨터에게 그 함수가 어디에 있는지 알려줘야 함 ㄴ> printf같은 함수는 stdio.h안에 있다는 것을 알려주기위해 #include 작성함 (~함수쓰려면 stdio.h파일 보라고 하는것) source code(**언어로 입력한 코드) => 컴파일러(번역기) => machine code(컴퓨터가 이해할수 있는 2진수코드) 프롬프트에 $clang hello.c 라고 입력후 엔터치면 a.out..

1) var키워드로 선언한 변수의 문제 - 1) 변수의 중복선언 허용 var x = 1; var x = 2; //중복선언을 허용함 console.log(x); // 2 - 2) 함수레벨스코프 ㄴ함수의 코드블록만 지역스코프로 인정해줌 ㄴif문, for문과 같은 함수아닌 코드블록 안에서 선언하면 전역변수됨 var x = 100; if(true){ var x = 200; } console.log(x); //200 - 3) 변수 호이스팅 ㄴvar키워드로 선언된 변수는 변수선언 이전에 참조됨 (런타임전 참조되어 undefined로 초기화함) console.log(x); //undefined x = 100; console.log(x); //100 2) let 키워드 - 1) 변수 중복 선언 금지됨 let x = 1..

타입시스템 - 정적 타입시스템 : C, JAVA, 코드 실행이전 변수의 타입을 고정적으로 결정함 - 동적타입 시스템 : python, Javascript, 코드 실행하고 나서 그때마다 유동적으로 변수의 타입을 결정함 https://www.typescriptlang.org/ Javascript는 동적언어로 런타임에 타입이 결정됨 / 런타임에 오류를 발견함 => 사용자가 오류같은 걸 고스란히 볼수 있음 변수의 타입이 하나로만 고정되지 않음 => 오류를 좀 내줘야 하는데 그냥 실행되어 버림(예기치 못한 오류) Java는 정적언어로 컴파일 타임에 타입 결정함 / 컴파일 타임에 오류를 발견함 => 실행전 에러인지하기 좋음 코드 실행 전 모든 변수의 타입을 결정함 (유연하지 못함) Typescript는 동적타입 시..

1) 변수의 생명주기 - 1) 지역 변수의 생명 주기 ㄴ 변수는 생물과 유사하게 생성되고 소멸되는 생명 주기(life cycle)가 있음 (변수의 생명주기는 메모리 공간이 확보allocate된 시점부터 메모리 공간이 해제release되어 가용 메모리 풀에 반환되는 시점까지임) ㄴ 전역변수의 생명주기는 애플리케이션의 생명주기와 같음 ㄴ지역변수의 생명주기는 함수의 생명주기와 일치함(함수내 선언된 변수는 함수가 호출되어 실행되는 동안에만 유효함 = 함수내 선언된 변수는 자신이 등록된 스코프가 소멸될때 까지 유효함, 할당된 메모리공간은 누구도 더이상 참조 하지 않을 때 가비지 콜렉터에 의해 화르륵) ㄴ변수는 자바스크립트 엔진에 의해 런타임 이전에 먼저 실행됨 (함수내 선언된 변수는 함수 호출시, 다른 문들이 순..

//App.js /* 문제 ) PostPage가 보이지 않는 현상 발생! path="/@:username"이라고 적으면 안됨 ... 아래와 같이 적어야 연결됨 */ (...중략...)

// 1. import { withRouter } from 'react-router-dom'; history 기능은 없어짐 // 2. import { useHistory } from 'react-router-dom'; useHistory라는 훅도 없어짐 import { useNavigate } from 'react-router-dom'; //history대신 useNavigate써야함 (...중략...) const RegisterForm = () => { const dispatch = useDispatch(); const navigate = useNavigate(); const { form, auth, authError, user } = useSelector(({ auth, user }) => ({ fo..

immer를 설치하고 나서 produce라는 키워드를 입력하니 자동으로 아래와 같이 불러와졌다. import { produce } from '../../node_modules/immer/dist/immer'; 뭔가 이상해서 from "immer"로 고쳤는데 계속 에러 경고창 뜨는거임...ㅂㄷㅂㄷ 그래서 우선은 ~~ 동작만 하면 우선 ^&^ 이라고 생각했는데^*^ submit할 때 서버로 데이터 넘기는 과정에서 계속 오류가 났다...ㅠ 잘 못적은 부분 없는지 엄청 해메다가. . . (없음왜없어!!!!ㅠㅠ) 혹시 ? 하고 immer불러오기 주소가 저렇게 뜨는 사람들이 있나 해서 구글링 해보니까... Cannot find module 'immer' from 'node_modules/use-immer/dist/..

//Button.js 여기서 쓴 ${(prop)=>...} 것 import styled, { css } from 'styled-components'; import palette from '../../lib/styles/palette.js'; const StyledButton = styled.button` ... ${(props) => props.fullWidth && css` padding: 0.75rem 0 0.75rem 0; width: 100%; font-size: 1.125rem; `} ${(props) => props.cyan && css` background: ${palette.cyan[5]}; &:hover { background: ${palette.cyan[4]}; } `} `; const..

npm install styled-components@latest 최신버전을 도전해보자

이렇게 입력 했는데 오류남 벨로퍼트님 책엔 Route element안써있고 다 component였는데 눈치껏 바꾸긴했었음 //App.js function App() { return ( ); Route안에 component 쓰는건 사라져서 위처럼 쓰면 안 됨 그리고 path={['/@:username','/']}이 잘 안되었다는 블로그 글발견하고 아래와 같이 수정 function App() { return ( ); 오류없이 말끔해진 콘솔창...ㅎㅎ...ㅠㅠㅠ

JWT? ㄴ데이터가 JSON으로 이루어져 있는 토큰 ㄴ대표적인 두가지 인증방식(세션기반, 토큰기반) **세션기반 인증 시스템? ㄴ서버가 사용자의 로그인중인 것을 기억하고 있다는 것 ㄴ사용자가 로그인하면 서버는 세션 저장소에 사용자 정보를 조회하고 세션 id발급해줌 ㄴ발급된 id는 주로 브라우저 쿠키에 저장됨 ㄴ사용자가 다른 요청을 보낼 때마다 서버는 세션 저장소에서 세션을 조회하고 로그인여부를 결정하여 작업을 처리, 응답함 (발급된 id의 발급번호 같은걸 세션저장소목록을 조회해서 있는지 유효한지 확인함) ㄴ세션저장소는 주로 메모리, 디스크, 데이터베이스...를 사용함 ㄴ단점) 서버 확장이 번거로워짐 (서버인스턴스가 여러개되면 모든 서버끼리 같은 세션을 공유해야하므로 ... 사용자가 많을수록서버의 양이 방..

git init //코딩하고나서 git add . git commit -m "수정함" //다시 코딩함 git stash // 임시 보관함으로 다시 코딩한 내용을 이동시키고 최근 커밋 상태로 되돌아 감 git stasg list // 내가 임시 보관함에 넣은 목록 보기 git stasg save "메모적고싶으면 save를적자" git stash pop // 가장최근에 stash한것부터 불러옴 ㄴstash 여러번 가능 ㄴ근데 주석하지...뭐 하러 이거 하는진 잘 모르겠음 ... ㄴ하지만 주석으로도 남기고싶지 않은 코드를 숨길때는 유용 git stash drop 0 //list에 0번째 stash 삭제 git stash clear //stash 다 삭제