코딩 다이어리

코딩테스트 연습을 하다가 궁금해졌다 변수명을 한글로 써도 되고 직관성이 좋은데 왜 영어로 할까?? https://okky.kr/articles/405986 OKKY - All That Developer OKKY는 국내 최대 개발자 지식공유 플랫폼입니다. 개발자에게 필요한 기술 Q&A, 아티클, 커리어, 네트워킹, 취업, IT행사를 지원합니다 okky.kr 이미 질문한 사람이 있다! 일단 한국인으로써 한글을 사용하면 직관성은 늘어나지만 코드를 전세계적으로 공유하며 프로젝트를 개인이 아닌 팀으로 진행하기 때문에 글로별 표준에 맞추어 영어를 사용하는게 좋다는게 가장 큰 이유인 것 같다. 한글로 쓰고 싶으면 한글에 대한 규칙을 새로 정해야하고 한글과 영어를 혼용해서 쓰면 오히려 혼란이 생길 수 있고 통일성도 떨..

미니 프로젝트로 협업했던 거 끝나고 클론 코딩 시작했다~~ 팀 작업이다 보니까 스타일이 달라서 다른 사람들 스타일 보는 것도 도움이 되는 것 같다. 라이브러리 쓰시는거 보고 이런 거도 있구나~~ 하기도 하고 협업이니까 괜히 폐 끼칠까 봐 어떻게든 맡은 건 하고 있긴 한데 잘하고 있는 건가 모르겠다. 벌써 실전프로젝트가 걱정이긴 하지만ㅠㅠ 내가 맡은 거부터 차근차근해가자!! 각자 위치에서 잘 해내면 좋은 사이트가 나오는 것 같다

벌써 9월이네ㅠㅠㅠㅠ 오늘 비도 오고 우중충하다~~ 역시 뭐든 매일매일 하는게 제일 힘든 것 같다 그냥 하자 좋은 날도 있고 싫은 날도 있는거지~~ Axios란? Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다. 특징 브라우저를 위해 XMLHttpRequests 생성 node.js를 위해 http 요청 생성 Promise API를 지원 요청 및 응답 인터셉트 요청 및 응답 데이터 변환 요청 취소 JSON 데이터 자동 변환 XSRF를 막기위한 클라이언트 사이드 지원

야자반에 담당 기술매니저님이 열심히 해주셔서 개념 쌓기에 도움이 많이 됐다! 동기와 비동기에 대해 이제 제대로 이해가 갔다! 잊기 전에 따로 블로그에 정리해 두었다. useEffect에 관련해서도 물어보셨는데 이해는 갔는데 정리는 안됐다.. 이건 좀 시간들여서 봐야할 것 같다. 호이스팅과 var,let,const 차이점도 알려주셨는데 이건 이전에 보고 이해하고 넘어갔는데 벌써 흐릿해져서 헷갈렸다. 설명 듣고 이해는 잘 갔는데 따로 정리하면서 머릿속에 박아둬야겠다. 최근 팀프로젝트와 멘탈관리에 힘쓰느라 블로그에 소홀했다ㅠㅠㅠ 아직 자바스크립트나 기본 용어 개념이 헷갈린다 블로그에 정리하면서 머릿속에 차곡차곡 넣어야겠다 아자아자!!

벌써 한달이 다 지나간다ㅜㅜ 한달동안 배워서 이정도 할 수 있다는게 많은거 같으면서도 아쉬운 느낌이다. 벌써 한달이면서 이제 한달이니까 멘탈 잡고 열심히 해보자! 건강챙기고 계획세우고 실천하고 다음주도 화이팅! 라이프사이클(클래스형 vs 함수형) class 컴포넌트 때는 라이프사이클이 컴포넌트에 중심이 맞춰져 있었습니다. 클래스가 마운트 되려할 때(componentWillMount), 마운트 되고 나서(componentDidMount), 업데이트 되었을 때(componentDidUpdate), 언마운트(componentWillUnmount) 될 때 실행됐죠. 함수 컴포넌트에서는 조금 다르게 적용합니다. 특정 데이터에 대해서 라이프사이클이 진행됩니다. 데이터는 여러 개일 수 있으므로, 클래스 컴포넌트에서는..

import React from 'react'; import styled from "styled-components"; import Layout from '../components/Layout'; import { useNavigate } from "react-router-dom"; import { useParams } from 'react-router-dom'; import { useSelector } from "react-redux"; const More = () => { const todos = useSelector((state) => state.todos.todos); let navigate = useNavigate(); const param = useParams(); console.log(para..

기능구현이랑 디자인 끝냈다! 사실 완전 끝은 아니지만 과제 요구사항은 아니지만 상세보기를 action create로 해야하는거 같은데 잘 안되서 따로 했다 그래도 완성해서 뿌듯하다! 내일은 디테일한거 수정하고 warning뜨는거 수정하고 해야겠다~~

오늘은 이번 주차 과제하는 날 저번에 만든 todolist 를 ducks 패턴으로 바꾸고 기능추가하는거 기본 틀이랑 css는 만들었고 form에서 추가도 된다. 근데 다른 버튼들 삭제나 완료가 안먹힌다. list에서 todo로 props로 내려줬는데 todo에서 기능추가를 하니까 적용이 안되는걸까?? 삭제가 되긴하는데 지멋대로라 id부터 다시 만져줘야할 것 같다. 일단 했던거 수정할 수 있는 건 한것같고 내일은 검색하면서 찾아봐야겠다ㅠ 내일 할일 - id 생성방법 변경 - 삭제버튼 - 완료버튼 - 상세보기

벌써 셋째주가 지났다! 시간이 왜이리 빠른거같지 이번주는 적당히 한 주 같다. 더 하지도 않고 딱 요구사항만 한 느낌 쉬기도 많이 쉬었다. 주특기 입문 때 과제 다 하고 엄청 불안해 했는데, 그냥 천천히 따라가기로 했다. 다음주도 화이팅!! DOM 이란 Document Object Model 의 약자로 직역하면 문서 객체 모델 웹 페이지를 이루는 요소들(ex. 태그)을 자바스크립트가 이용을 할 수 있게 브라우저 내에서 트리 구조로 만든 객체 모델이다. 즉, DOM은 HTML과 Javascript를 서로 이어주는 역할을 한다. 일반적인 DOM은 수정될 때마다 렌더링이 실시간으로 일어난다. 가상DOM은 변경사항을 가상 DOM에 수정되고 그 후 가상돔을 이용해 돔을 변경사항만 한번 수정하여 렌더링을 한번만 하..

오늘부터 4주차 주특기 숙련 시작~~ 팀원에 두 명이나 같이 했던 분을 만났다 리덕스에 대해 배웠다! 전에 todolist 클론할때 reduce를 썼었는데 그때는 무슨소리인지 그냥 그런가보다 하고 넘어갔는데 흐름을 한번 보고 공부하니까 더 이해가 잘 된것 같다 불안해도 뭔들 하면은 도움이 되네~ 오늘 알고리즘은 왜이리 까마득하지 .. 아침에 일어나자마자 풀어서 그런가 팍팍 안풀렸다 접근도 다르고 아직 메서드를 활용을 못한다. 메서드를 많이 활용해주자!