그날의 기록5 TIL 조금씩이라도 알고리즘을 공부하기 위해 백준 문제를 풀기 시작했다. 아주 단순한 문제로 시작을 하면서 백준 10171번 고양이 문제를 푸는데 계속 틀렸다고 나왔다.... 문제는 밑에와 같은 고양이 모양을 출력하는 것이다. console.log(`\ /\ ) ( ') ( / ) \(__)| `) 당연히 위와 같이 코드를 작성하였지만, 출력결과는 이상한 형태로 나왔다. 어? 백슬래쉬( \ )가 생략이 되었네?? 이전에 스쳐배웠던 기억이 떠오르면서 백슬래쉬 출력에 대해서 검색해보았고, 백슬래쉬를 출력하기 위해서는 \\ 이렇게 두개로 표현을 해야하는 것을 알게되었다. console.log(`\\ /\\ ) ( ') ( / ) \\(__)| `) 이렇게 코드를 수정하여 통과를 할 수 있었다. 기본기가 탄탄하도록 노.. 2022. 2. 6. TIL TIL이라고 표현하기는 그렇지만, 컨텍스트 개념을 공부하고 이해하면서 아직 이해가 안되는 부분이 있어서 글로 기록 해두려고 한다. 지금 당장은 뇌정지가 와서 아무 생각이 들지 않는다..... outer의 스코프체이닝 과정을 직접 코드로 작성해보았는데 이 두 코드의 값이 다르게 나온다. 직감적으로는 다르게 나오는게 맞게 느껴지지만, 이론상 outer는 해당 식별자의 값이 없을때에는 이전의 실행 컨텍스트의 렉시컬 환경을 참조하여서 식별자의 값을 가져온다. console.trace를 제일 마지막에 호출되는 함수에 찍어보면 두 코드 모두 스택에 쌓이는 순서가 전역 > 중국집 > 고기집 > 분식집 이기 때문에 outer가 참조하는 대상은 같다고 생각했는데 뭔가 잘못되었나보다. 이게 왜 실행이 다른지 꼭 알아내서 .. 2021. 12. 30. TIL 막 입사를 하여서 회사코드를 열심히 보고 있는 중이다. 오늘은 간단한 기능개선 업무를 진행하면서 라이브러리의 불편한 점을 몸소 느낄수 있었다. 문제의 라이브러리는 antd였다. 부트스트랩과 비슷하고 중국에서 만들어진 라이브러리이다. 사수가 이 라이브러리를 회사에 적용한 이유는 초기에 빠르게 개발을 해야했기 때문에 디자인과 기능이 어느정도 되어있는 antd라이브러리를 사용하게 되었다고 했다. 내 업무는 antd라이브러리의 select태그 안에서의 tag들 중 하나의 tag만 삭제 버튼을 없애는 업무였다. 특정 tag를 분기하여서 x버튼만 없애는거면 너무쉬운데?? 라고 생각하였지만, 라이브러리로 구현된 tag들이었기 때문에 커스텀하기가 쉽지 않았다... antd에서 해당 문서를 보면서 가능성 있는 설정을 해.. 2021. 12. 15. 나만의 심리테스트 만들기 회고 판다코딩 - 나만의 심리테스트 사이트 만들기의 회고 글 요즘 프론트 개발에도 관심을 가지고 있어서 공부중이다. 프론트 개발은 대부분 리액트나 뷰와 같은 라이브러리를 사용하여 개발한다. 바로 리액트를 공부하려고 했지만, html, css, js에 미흡하다고 생각하여 간단한 토이프로젝트로 진행하는 강의를 듣게 되었다. 그 강의가 바로 판다코딩님의 나만의 심리테스트 사이트 만들기이다. 이 토이 프로젝트는 html, css, js로만 개발을 하였고, 리액트에서 jsx를 사용하여 컴포넌트 단위로 개발하는 것이 얼마나 편한지에 대해서 느낄 수 있게 해주었다. 동적인 서비스를 만들기 위해서 js로 기능을 만들고, js에서 html을 사용하기 위해 dom을 사용하였는데 생각보다 어렵게 느껴졌다. 우선은 js파일을 리팩.. 2021. 11. 29. 이전 1 2 다음