본문 바로가기

분류 전체보기103

2021.04.13 JavaScript 함수 2021.04.13_JavaScript 함수_정리노트 오늘은 ko.javascript.info/ 에서 참고해서, 함수 혼자 헷갈리는 거 혼자 정리해보기. 함수는.. 정말 태생 문과인 나에겐 항상 꺼려지는 개념인 것 같다. 그래도 나중에 비동기 처리 과정에 대해서, 그리고 그를 유연히 다루기 위한 개념들을 좀 더 이해하기 위해 먼저 정리하는, 기본 함수에 대한 나의 정리. 먼저, 기본적인 것들을 혼자 주절주절 하면서 정리. 함수의 이름은 무엇을 하는지 직관적으로 알 수 있어야 하며, 동작을 수행하기 때문에 주로 동사로 이루어 진다. 코드는 혼자 칠 수는 있지만, 평생 혼자 하지 않아!!! 그렇기 때문에, 은연중..? 암묵적..? 에 개발자들이 정해놓은 규칙 같은 것이 있다. 이는 지키지 않아도 되지만, 하.. 2021. 4. 13.
2021.04.05 JavaScript 논리 연산자 정리 2021.04.05_JavaScript 논리 연산자 정리_정리노트 참고 - ko.javascript.info/logical-operators ㅎㅇㅎㅇ 오늘은 또 자바스크립트로 돌아와쑴~!~! ㅎㅁㅎ 증맬로 기초부터 차근차근 꼼꼼히 해봅씨다. 오늘은 단순히 OR,AND,NOT 의 뜻만 아는 것이 아니라, 좀 더 정확하게 어떠한 역할을 하는 것인지, 몰랐던 것 위주로 정리. 쨋든 ㄲ 합씨다!!!! 먼저 내가 생각한 핵심 개념. AND ( && ) , OR ( || ) 이렇게 불리안형 값을 출력하게 되는 것은 기본 개념이지만, 만약 alert 로 불리안형이 아닌 다른 반환값들을 출력하면, 과연 어떤 값들이 출력될까? 둘 다 왼쪽에서부터 연산을 시작한다. 여기서 AND 는 , 첫번째 false 값을 반환하고, .. 2021. 4. 5.
2021.03.24 Java Script 변수 선언, 할당 2021.03.24_Java Script 변수 선언, 할당 _정리노트 ㅎㅇㅎㅇ... 리액트 모달로 돌아온다 했다가 한달 뒤 이상한걸로 돌아와버린 나..... 이번 프로젝트 하면서 너무 반성을 많이 했기.. 때문에 맨날 자바스크립트 기초부터 처음부터 잘 다잡아야지 다잡아야지.. 하는데 정말 한달 뒤에나 블로그로 돌아오고 말았다. 요즘은 가끔씩 블로그 쓰면서 반성만 이따시만큼 하는 것 같은데.. 오늘도 역시 반성으로 다시 돌아왔다. 사실 블로그라는 공개적인 장소에서 리액트를 어떻게든 해보려고 좀 더 성장한 모습만 담으려다가 전혀 죽도 밥도 안되는 것을 알고 나의 한계성을 깨달으며, 그냥 부끄럽지만 자바스크립트 기초 부터 그동안 쪼맨씩 해왔던거 기록할려고 한다. 누가 뭐라 해도 블로그를 제일 잘보는건 나이기 .. 2021. 3. 24.
2021.02.04 React Style 적용,Styled Components 정리 2021.02.04_React Style 적용, Styled Components_정리노트 드디어 프로젝트가 시작됨 ㅊㅊㅊㅊ 근데 아직 쓰면서도 많이 헷갈리는 것 같다. 오늘은 그나마 스타일 컴포넌트라서 괜찮았는데.. 아마도 다음 포스팅 주제가 될 모달창 같은경우나, 이벤트 설치, props,state 쓰게 되면 대혼란이 올 것 같다... 쨋든 또 주절주절 그만하고 오늘은 인트로 페이지를 만들면서 주가 되는 스타일 적용 방법, 스타일 컴포넌트를 정리하고, 추가적으로 적용해놓은 부수적인 컴포넌트들을 설명해보게씀. 먼저 리액트에서 style 을 적용하는 여러 가지 방법부터 ㄱㄱ inline styling html 태그 안에 직접 입력하는 방법. style={ } 형식으로 입력하며, 안에는 json 형식으로 속.. 2021. 2. 4.
2021.01.25 React Component, JSX 문법 정리 2021.01.25 _React Component, JSX 문법 정리_정리노트 역시..포스팅이 최고 계속 2주동안 이것저것 강의들으면서 정리하니까, 너무 정리도 안되고 강의들어도 처음 듣는 느낌... 포스팅으로 최종적으로 정리정리 여러 블로그, 공식문서등등.. 특히 velopert 님 블로그 중에서 리액트 튜토리얼 포스트..매우 감사합니다..감사합니다.. 쨋든 여러 경로를 통해서 혼자 이것저것 잡다한것만 많이 읽어서 내가 그냥 정리하면서 쓰겠슴! 먼저 component 부터! component 리액트에서는 컴포넌트 단위로 작성하게 된다. 컴포넌트는 프로젝트의 유지보수성을 우수하게 해줄뿐만 아니라, 재사용이 용이하다는 점에서 큰 강점으로 작용한다. index.js 에 들어가면, React.DOM.reder.. 2021. 1. 25.
2021.01.23 React 설치 및 시작 흐름 2021.01.23_React 설치 및 시작 흐름_정리노트 리액트 첫 포스팅.. 도저히 나는 가만히 강의만 듣고 따라해보고 그냥 노션에다가 메모하려니 의지 불충만이라서 오늘도 포스팅의 힘을 빌려서 열심히 정리해봐야겠다. 강의 참고는 생활 코딩 - 리액트 를 참고했다.. 생활 코딩 최고 .. 리액트 시작하기! 공식문서에 보면, 리액트를 시작하는 여러가지 옵션이 있는데, 나는 3번째 새 react 앱 만들기를 선택해서, 리액트를 시작할 수 있는 여러 툴체인을 활용할 것이다. 그 중에 Create React App 으로 들어가면, 이렇게 터미널창에 치라고 나온다. 여기서 npx 는 npm의 5.2+ 버전의 패키지 실행 도구다. npm 이란? node.js 에서 만들어진 여러 앱, 프로그램들을 명령어를 통해 손.. 2021. 1. 23.
2021.01.22 django User Custom ModelForm 2021.01.22_ django User Custom ModelForm_정리노트 오늘은 그 때 model custom 한거랑 연결 되는 모델폼을 같이 커스텀 해보자!!!! 불러올 기능들은 이렇게, forms 에서 불러올 것들은 밑줄 친 것만!! 나머지는 다음에 비밀번호 관련 내용이니 지금 당장은 필요 없는 폼들이다. 우리가 일반 모델폼을 작성할 때와 같이, 모델을 우리가 커스텀했던 모델로 불러와주고, 우리가 입력받을 필드들을 적어준다. 대신에 models.ModelForm 을 상속 받지 않고, 장고에서 기본적으로 제공하는 유저를 생성할 때 쓰는 UserCreationForm 을 상속받아줬다. 근데 우리가 비밀번호, 비밀번호 확인과 같은 필드들은 설정을 안해줬잖?? 그 이유는 이미, 장고에서 기본적인 필.. 2021. 1. 22.
2021.01.21 git fork vs clone 2021.01.21_ git fork vs clone _정리노트 ㅎㅇㅎㅇ 오늘은 프로젝트 협업 시에 유용한 명령어인 fork를 나혼자 정리하고, clone이랑 비교해서 한번 정리해보려고 함. 먼저 fork와 clone의 차이를 크게 적게씀. clone 원본 레포지토리의 내용을 내 로컬 레포지토리로 완전히 복사한다. 연결된 레포지토리는 로컬에서 remote로 연결된 origin 이다. clone 한 프로젝트는 원본 레포지토리의 로그를 볼 수 없다. 권한이 없는 경우, 내 로컬의 변경 사항을 원본 레포지토리로 push 또한 할 수 없다. -- 소규모 팀작업에서는 활용하기에 좋을 수 있음. 만약 협업 중 각각 클론한 프로젝트에서 변경 사항을 적용하고 싶을 때, 상대방이 먼저 push ( 권한이 있으면 가능하다.. 2021. 1. 21.
2021.01.18 django User Custom Model 2021.01.18 _django User custom model _정리노트 드디어.. 올 것이 왔군 진짜 이것때문에 많이 고생했다 했어... 지금도 아마 블로그를 쓰면서 보면 엉망인 코드가 많을 것 같아 두렵지만... 한번 그래도 정리하면서 다시보기..!! 먼저 장고프로젝트를 시작할 때 가장 먼저 정의되어야하는 것은 유저이다. 유저를 정하지 않고 마이그레이션을 하게 되면, 장고에서는 어드민을 기본으로 마이그레이션을 해버린다. 그래서 나중에 커스텀유저를 만들고 마이그레이션을 해버리면 충돌이 나게 된다. 나는 유저 커스텀...에다가 이메일 인증까지 구현해야해서 사실 겁나기도 해서 맨 마지막으로 미뤘더니 꽤 고치기 힘들었...^^ ( 데이터 베이스 결국 다 날림.. ) 쨋든 프로젝트를 시작하면 유저를 맨 먼.. 2021. 1. 18.

티스토리툴바