본문 바로가기

전체 글

 (77)
css에서 소수점 px에 관해서 우테코를 하면서 소수점 픽셀을 무심결에 사용했었던 적이 있다. (나는 css와 js가 우테코 준비하면서 시작해서 경력이 짧다.. 이런거 첨이야..) 브라우저에서 적용이 안되는것 같았고, 코드리뷰를 받았을 때 수정해달라는 요청이 있었다. 근데 궁금했다. 분명 1px은 크기인데, 소숫점을 나타낼 수는 없는걸까? 글들을 많이 찾아봤다. '반올림 시켜준다' 라는 말이 정말 많았다. 답변이 시원찮아서...(왜냐면 브라우저는 대기업에서 만드는건데, 소수점 픽셀정도는 지원해줘도 괜찮잖아?) 재밌는 글을 찾아서 직접 실험해 봤다. 실험코드는 다음과 같았다. (리액트로 작업중에 받아서 하던 플젝에서 시험해서 리액트 코드다) const arr = Array.from({ length: 100 }, (v, i) => i); ..
Create-React-App(CRA) 설정 뜯어보기 들어가기 Create-React-App(이하 CRA)를 하게 되면 index.js 와 index.html 등을 만들어 주고 react에 필요한 dependacy들을 설치해 주고 react-scripts 를 이용한 리액트 명령어를 추가해준다. 또 간단하게 아래와 같은 것들도 설정해준다. 아래의 것들은 그중에서 필요한가? 싶었던 것들과 이게 뭔데 싶은 것들을 정리한 것이다. git ignore ##.gitignore # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules /.pnp .pnp.js # testing /coverage # production /bu..
clone 에 관하여 fork 떠오거나 한 걸 clone해서 내 local에서 진행할 수 있음. 빈 폴더에 진행해야 한다. - 일반적인 방법 git clone {저장소 URL} {local의 폴더위치} 처음에 썼을 때 좀 당황했는데 git branch 로 branch를 확인하면 main브랜치만 가져와 진다. git branch -a 를 이용해야 숨겨진 branch가 모두 보인다. 그냥 똑같이 checkout해주면 알아서 checkout 됨 stackoverflow에 아주 잘 정리돼 있으니 참조 https://stackoverflow.com/questions/67699/how-to-clone-all-remote-branches-in-git How to clone all remote branches in Git I have a ..
LV2의 진입점에서.. lv2는 리액트를 바탕으로 미션을 진행하게 된다. 뭔가를 배울 때 '왜 그게 필요한데' 라는 질문을 하려고 노력하고 있다. '우테코에서 가르쳐준다' 이외에 내가 리액트를 선택해야 하는 이유가 있을까? 아직은 리액트를 잘 모르지만 리액트는 라이브러리다. 사람들이 많이 쓰는 것은, 바닐라로만 만들때보다 무언가 편리하기 때문이 아닐까. 하지만 편리함 뒤에는 항상 trade-off가 따른다. 나는 이번 레벨을 거쳐가면서 리액트가 편리함과 바꾼 '무언가' 가 무엇인지 알 수 있었으면 좋겠다. 코치님들이 추천해준 https://seokjun.kim/time-to-stop-react/ 이제 React.js 를 버릴 때가 왔다 Single Page Application 소위 SPA 라고 불리는 웹 사이트를 만들기 위한..
SPA과 CSR, SSR 에 관하여 SPA SPA(Single Page Application) 입니다. 이름에서 쉽게 알 수 있듯, 한장의 페이지로 이루어진 사이트를 spa라고 합니다. SPA 와 MPA 한 장 이라는 의미가 조금 모호할 수 있는데, 사이트를 쓰다보면 화면이 전환될 때 깜빡이는 경우가 있습니다. 이것은 html을 여러장 준비해두고, 페이지 변화(사용자 요청)가 일어나면 정적인으로 이미 구성된 요소(HTML, CSS, JavaScript)를 불러오는 방식으로 구성됐기 때문에 일어나는 일입니다. 이런 식으로 구성하는 것을 MPA(Multiple Page Application)이라고 합니다. SPA 를 써야하는 이유 쓰잘데기 없이 왜 spa를 써야하는 궁금증이 들 수 있습니다. spa를 쓰는 이유는 사용성 때문입니다. 가장 큰 ..
인사이트1 꽤 옛날 책이라서 읽는건 자유이나 가볍게 읽으라는 이야기를 들어서 가볍게 얻은 인사이트 위주로 정리하도록 하겠습니다. 1. 렌더를 할때 아이콘이나 이미지등이 개당 조그마한 시간을 차지해도 요즘은 굉장히 많은 이미지들이 첨부돼서 시간에 차이가 많이남. 이걸 해결하기위해서 css스프라이트등을 쓰기도 했음 2, 코드스타일 대부분의 브라우저에서 배열에 push메서드를 쓰는것(ex arr.push(i))보다 리터럴 방식을 쓰는것(ex arr[i] = i)이 두배정도의 성능이득이 있음. 오브젝트의 경우에는 리터럴을 쓰나 연산자를 쓰나(ex obj.i = i) 큰 성능차이가 없었음 3. 코드스타일 스코프 체인에 관해서 생각해봐야함. 현재 찾는 위치에 데이터가 없으면 그 상위 스코프에 가서 데이터를 찾아야함. 이러면 ..
우테코 합격 전 까지, 그리고 합격 후기 사실 바로 쓰려고 했는데 블로그를 잘 안써서 이제 씁니다. 궁금해 하실 분들이 있을 것 같아서 (이과 특 일단 나열함) 붙기 전 내 스펙 (개발 관련만 적음) - c++ 수업 두개정도 들음 (전공이 전자과라.. 붙고 나니까 아예 비전공인분들도 꽤 많아요) - 파이썬 독학으로 딥러닝 공부, 코딩테스트 백준 골드3~5정도 풀이 가능 - 다른언어경력 무 자소서 자소서를 제일 힘을 많이 준 것 같습니다. 문항은 보통 이전 기수에서 크게 벗어나지 않는 것 같아요. 어찌보면 우테코에서 가장 중요하게 생각하는 부분이라, 가장 변하지 않는 가치라서 그런것 같습니다. 글을 쓰는 친구가 있는데, 참 도움을 많이 받았습니다. 글을 읽고, 인터뷰 해줘서 친구와 대화하면서 제 머릿속에서만 맴돌던 생각들을 잘 정리할 수 있었고,..
3. 그래서 애자일이 뭔데 애자일. 참 많이 들어봤지만 아직도 뭔지 모르겠다. 정처기만 봐도 애자일 모델, 애자일 방법론.. 참 어렵다. 애자일은 불확실 성이 높은 문제를 해결하기 위해서 문제 해결 방법론이 공통점을 모아서 만든 방법론이다. 프로그래밍은 계속해서 변경, 수정점이 생기고 시장도 바뀌고, 사장도 바뀌고, 팀원도 바뀌고, 구조도 바뀌고 참.. 많이도 바뀐다. 불확실성이 높은 분야다..! 애자일이 너무 잘 어울릴 것 같지 않은가? 하지만 애자일은 마법의 키는 아닌 것 같다. 다만 우리가 어떻게 살아야 할지 고민하게 해주는 간단한 행동강령 같은 느낌이었다. 내가 뽑아낸 애자일의 Key Point는 '빠른 피드백' 이다. 고객도 팀원으로 생각하는게 좋지 않나 싶다. 고객과도 소통을 많이할수록 좋다.

티스토리툴바