JAVA 와 메모리영역 메모리 영역에 대해 정리해본다.원노트가 Tistory 와 호환이 안되어... 안타깝도 이미지로 첨부해야한다니 2024. 6. 18. [정보처리기사] 합격기념 공부자료 뿌리기 (2024.03) 정보처리기사 합격했다공부기간2주, 평균 12시간교재수제비 실기책공부방법언어 위주 공부기출 4년치 정리 후 해당 정리 기준 공부기출문제 정리소프트웨어 설계화면 설계데이터 입출력 설계통합 구현데이터베이스프로그램 구현보안테스트 및 성능응용 소프트웨어네트워크신기술 정리 2024. 6. 18. 2. 와이어프레임 및 기능회의 기능회의Notion 사용하기Google Docs 와 Notion 을 활용하여 기능회의를 한 이후 인원을 할당했다. 와이어프레임 작성figma 사용하기무료버전을 이용하여 5개의 페이지만 작성이 가능했다.하지만 충분하지!각 인원별 페이지를 할당하여 필요 페이지를 전부 작성하면 되었다. figma 의 collaborator 추가 2024. 6. 18. 깃헙과 소스트리 Git개요 오픈소스 버전관리 시스템 (프로그램)위치로컬에서 동작기능코드와 그 수정내용을 기록하고 관리브랜치 생성, 복구, 삭제, 병합 등의 버전 관리 기능단점local 에서 동작하므로 다른 개발자와실시간 작업 공유가 불가능하다. GitHub 개요Git Repository 를 위한 웹 기반 호스팅 서비스클라우드 서버에서 동작기능로컬의 git 저장소를 클라우드 기반으로 공유외부의 사람과 소스코드를 공유할 수 있다.git 의 기본적인 기능을 확장하여 제공한다특징클라우드 서버에서 동작하므로 한 프로젝트를 다수의 인원이 공동작업 할 수 있다용어정리CLONE원격 저장소의 코드를 로컬로 가져온다.PULL원격 저장소의 코드를 기준으로 로컬 저장소에 반영한다.변경되려는 파일을 기준으로 로컬저장소와 원격저장소의 코드가.. 2024. 6. 17. 1. 협업 준비 (GitHub, SourceTree, Notion, Google, Figma) 풀스택 개발자로 1년간 개발자로 일을 했다. 회사에서 너무나 많은 언어를 다루며, 일주일 이상 한 프로젝트에 발을 담구지 못하는 상황에서 일머리는 늘어만 가지만 오히려 개발 능력이 뒤쳐질것 같은 불안감과 함께, 자기개발에 힘쓰지 못하는 상황에 처해 퇴사를 결심하고 국비교육을 듣게되었다. 수업이 목적이라기 보단, 자기개발을 강제로 하며 다시금 열정을 불태울 수 있지 않을까 하는 생각이 컸다. 덕분에 Java 를 깊게 공부하며, 기존의 언어들을 다시 되새김질 할 수 있는 좋은 계기가 되어가고있다. 사담은 뒤로하고 기존에 배워왔던 것을 토대로 프로젝트 조장이 되어 조원들과 함께 프로젝트를 진행하게 되었다. 프로젝트 기록을 이곳에 남긴다. 협업 준비커뮤니티 도구 : Notion버전 관리 : GithubGit G.. 2024. 6. 17. 야호 야호야호야호야호 2023. 10. 12. 4. [ 협업 ] Linting 세팅 - ESLint 세팅 공유 협업을 위해서는 팀 내에서 사용할 공동의 Linting Setting 으로 팀 내의 코딩 규칙을 일치시켜야한다. 1. npm install eslint --save-dev - 개발 종속성 규칙을 잊지말자. 개발에만 사용되는 것이다. 2. eslint 설정 - 루트디렉토리에 .eslintrc.확장자 를 통해 세팅파일을 만든다. eslint 설정은 커스터마이징 할 수 있는 부분이 많고, 언어별(js, ts 등), 환경별(web, node, react 등) 세팅을 해줘야 하는 부분이 많아서 다소 복잡합니다. 처음부터 모든 rule 하나하나 설정하는 것이 불필요하거나 불편하다고 판단되는 경우와 다른 사람들이 이미 정의해둔 config를 설치한 후 확장해서 사용할 수 있습니다. eslint에서 기본적으로 제공되지.. 2023. 3. 7. 3. [ 협업 ] 포맷팅 세팅 - Prettier 세팅 공유 협업을 위해서는 팀 내에서 사용할 공동의 Prettier Setting 으로 팀 내의 포맷팅을 일치시켜야한다. https://prettier.io/docs/en/options.html Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io 1. npm install prettier --save-dev - prettier 를 설치한다. - 개발에만 사용되므로, --save-dev 를 사용하여 개발종속성 형태로 설치하는 것을 잊지말자. 2. npm install eslint-config-prettier --save-dev - eslint 는 기본적으로 Linting에 사용될것이다. - 하지만 eslint 내에도, 포맷팅을 강제.. 2023. 3. 7. 13. [ AWS 배포준비] - 바보같이 하나의 Repo 에 모든 것을 넣었다. 배포를 하려니 Git-Hub Repo 가 필요했다. 당연하게도 불안해하며 했던 것을 무시했던것이 잘못이었다. 클라이언트와 서버의 repo를 분리하여 따로따로 넣어 작업해야겠다. 2023. 3. 7. 12. [클라이언트] 서버와 통신하기 (2) Axios 의 적용 1. 폴더를 리팩토링하자. api 폴더에는 실제로 적용될 함수가 util 폴더에는 기본 axios 세팅이 들어갈 것이다. 2. axios 기본세팅 config 종류들은 이렇게나 많다. https://axios-http.com/kr/docs/req_config 요청 Config | Axios Docs 요청 Config 다음은 요청을 만드는 데 사용할 수 있는 config 옵션들 입니다. 오직 url만 필수입니다. method를 지정하지 않으면 GET방식이 기본값 입니다. { url: '/user', method: 'get', baseURL: 'https://some-domain. axios-http.com 기본적으로 필요한 것만 세팅한다. import axios from.. 2023. 3. 2. 11. [클라이언트] 서버와 통신하기 (1) Axios 의 설명 https://dive-into-frontend.tistory.com/200 8.[클라이언트] - Redux-Toolkit ( Typescript )을 이용해, DB의 값 가져오기 (Thunk 액션 생성자 ) DB 에 있는 값을, Store 로 직접 가져오는 Thunk 액션 생성자를 사용해본다. 준비물 typescript react-redux redux-toolkit 데이터베이스 서버 서버 1. Slice 의 생성 store 폴더 안에 slice 를 생성한다. < store / user-di dive-into-frontend.tistory.com Get 요청은 Action 생성자에서 사용해보았다. 현재 바꿔야 할 것은 두가지이다. 1. fetch 대신 Axios 를 사용해본다. 2. apis 폴더를 만들.. 2023. 3. 2. 1. 1주차 (1) - 배운점들 feat. 협업과 팀프로젝트가 무엇인지 깨달았다. 1. ESLint 의 Linting 자동화, Prettier 포맷팅 자동화, 허스키 사용 방법을 배웠다. 그리고 설정파일을 공유하므로써, 팀들의 포맷팅 Linting 을 동일하게 만드는 방법을 알았다. 2. github organization 의 사용, 노션의 사용 협업을 위해 github organization 과 문서화 된 것들을 위해 노션을 사용해보았다. 3. vite 번들러를 사용해보았다. 팀원들과 토론끝에 매우 빠르다는 vite 번들러를 채택해보았다. 번들러에 대해 더 잘 알게되었다. https://velog.io/@wynter_j/Bundler-JavaScript-%EB%B2%88%EB%93%A4%EB%9F%AC-%EA%B7%B8%EB%A6%AC%EA%B.. 2023. 2. 24. 이전 1 2 3 4 ··· 18 다음
