본문 바로가기

전체 글

 (38)
[Today I Learned] 8월 27일(목) 8월22일 ~ 8월 27일 : DOM에 대한 공부, 트위틀러 과제(HTML, CSS) - 오늘 공부했던 부분. 1. 코드스테이츠 과제인 twittler 를 진행했다. 현재 DOM을 통해 html 각 태그에 기능을 넣어주는 작업을 하고 있다. 그 전에 HTML과 CSS작업은 미리 해둔 상태였다. HTML, CSS 작업에 대해 간략히 설명하면 우선 Figma로 와이어프레임 설계를 끝내고 그것을 토대로 html 코드를 작성했다. 프로토타이핑 과정을 거치니 HTML 코드를 짤 때 훨씬 수월했다. 그리고 layout은 주로 position속성을 이용해서 배치했다. 오늘 했던 작업은 check new Tweet이라는 버튼으로 누르면 랜덤으로 조합해서 트윗을 해주는 기능을 구현했다. 2. 객체지향 프로그래밍에 대해 ..
[Today I Learned] 8월 22일(토) - 오늘 공부했던 부분. 1. 지금껏 코드스테이츠와 여러자료에서 배웠던 HTML, CSS로 간단한 나의 프로필을 작성했다. 이 프로필 짜는 연습은 HTML과 CSS를 연습해보라는 코드스테이츠에서 추천하는 연습이었다. 만들면서 프로필 내용에 중점을 두기 보단 HTML의 구조를 어떻게 짜야 되고 내가 원하는데로 layout을 짤수 있는지에 중점을 두었다. position의 relative, absolute와 display의 flex를 내가 원하는데로 적용시키는 부분이 어려웠고 추가적으로 더 공부해야 함을 느꼈다. HTML, CSS에 무슨 태그를 왜 썼는지와 같은 자세한 내용은 따로 정리를 할 것이다. 깃헙에 업로드 : https://github.com/min-gukang/Profile-practice 2. ..
[공부했던 것 정리] Scope(2) 저번에 이어서 function Scope와 block Scope를 비교해 보겠다. function Scope는 앞에서 정리했던 local Scope와 같이 함수 영역을 의미하고, block Scope는 중괄호로 시작하고 끝나는 범위를 말한다. 예를 들어 for { block 범위 } 문, if { block 범위 }문이 이에 해당한다. let ? 이 블록범위에서만 변수를 사용할 수 있게 만드는 변수타입이 바로 let이다. block 범위 안에서 let 으로 변수를 지정해주면, 그 변수는 그 block 범위 밖에서 사용할 수 없다. 반대로 block 범위가 아닌 전역범위에서 let으로 변수를 선언해줄 경우 그 변수는 어디서든 사용할 수 있다. 위 그림에서 (1) 과 (2) 는 어떤 결과값을 나타낼까? (1..
[Today I Learned] 8월 17일(일) - 오늘 공부했던 부분. 1. html 과 css에 대한 기초적인 부분을 공부했다. 전에 한 번 이 부분에 대해 공부했던 적이 있지만 좀 시간이 지나 헷갈리는 개념이 있었기에 정리하는 시간이 필요했다. 특히 중점적으로 공부했던 부분은 CSS에서 헷갈렸던 부분인 box 속성 및 position에 관해서 였다. margin과 padding의 차이, position의 relative와 absolute의 차이, block과 inline의 차이를 중점적으로 공부했다. 여러 문서와 영상을 통해 이 개념에 대한 부분은 어느 정도 틀이 잡힌것 같다. 계속적인 이론 복습 및 활용을 통해 완벽히 내 것으로 만들어야 한다. 또한 배웠던 내용을 통해 간단한 미니 프로젝트를 진행해 볼 것이다. 최근 며칠 사이 공부하는 양이 많..
[공부했던 것 정리] Scope(1) 공부하면서 헷갈렸던 개념인 scope에 대해 정리하겠다. 우선 scope에 대해 알아보자. Scope = 변수를 사용할 수 있는 유효범위를 의미한다. 그리고 그 범위는 중괄호({ })를 통해 구분한다. 좀 더 구체적으로 다음과 같은 기준으로 scope를 구분할 수 있다. (1) Global Scope와 local Scope Local Scope : 함수 안의 범위. Global Scope : 함수를 포함한 모든 범위. 함수 안쪽 범위를 Local(지역) scope라 부르고, 함수를 포함한 범위 전체를 Global(전역) scope 라고 한다. 위 그림처럼 함수를 선언했을 때 local scope 가 생기는 이유는 Javascript는 함수를 선언했을 때, 그 함수가 자기만의 scope를 갖도록 설계되어 ..
[Today I Learned] 8월 9일(일) 8월 4일부터 현재까지 scope와 closure함수, 객체지향에 대한 학습을 하였다. - 오늘 공부했던 부분. 1. 변수의 타입인 var이 계속 헷갈려서 이론정리 해놓은 것을 계속 보고 다른 자료를 찾아보면서 공부했다. 앞으로 let을 계속 쓸거 같은데 var에 대해 공부를 해야 되나 의문이 잠시 들었다. 그런 찰나 어떤 글에서 var이 미래에 잘 안쓰일지는 몰라도 let이 나오기 전까지 계속 쓰였기 때문에, 그 동안 var로 만들어진 프로그램들을 이해하기 위해서는 var 공부는 꼭 해두어야 한다라는 취지의 글을 읽었다. 고개가 끄덕여졌다. 그리고 scope를 내 것으로 만들기 위해 이에 대한 글을 쓸 계획을 세웠다. 2. 이번 주 새롭게 진도가 나가는 test builder에 대한 내용을 한 번 훓었..
[Today I Learned] 8월 3일(월) - 오늘 공부했던 부분. 1) CLI 명령어 및 GIT의 역할에 대해 다시 한 번 공부했다. GIT은 중요하니까.. cli 명령어는 역시 많이 사용해 봐야겠다. 마우스로 할 수 있는 단순한 작업이어도 꼭 cli로 해보자. 기억하고 싶은 명령어 : nautilus 폴더 및 파일명 => 폴더 및 파일 열기. 2) 오랜만에 미니 프로젝트로 만들고 있는 끝말잇기 게임을 다시 진행해 보았다. 오랜만이라 그런지 새로웠고 뭘 해야할지 몰랐다. 이번에 배운 GIT으로 그 변경사항을 그때그때 commit 해야 겠다. 3) koans 문제 3번째 주제인 function 중간까지 풀었다. 풀면서 알고 있다고 자부했던 것도 꽤 많이 헷갈렸다. 많은 문제를 console로 시행해 봤다. 개념정리 꾸준히 해두자. 4) 코플릿 알..
[Today I Learned] 7월 26일(일) - 오늘 공부했던 부분. 1) 체계적으로 알고리즘 문제에 접근하는 방법을 배웠습니다. 2) 가독성이 좋은 코드를 작성하는 방법에 대해 배웠습니다. 3) 이를 바탕으로 코플릿 알고리즘 문제를 풀었습니다. - 공부하면서 생각했던 것. 평소 알고리즘 문제를 풀면 그냥 막연하게 생각나는데로 코드부터 쓰면서 시작했다. pseudocode에 대해 멘토님들께 배웠었지만 주석으로 일일이 과정을 정리해가면서 접근하는 방식이 귀찮았고 그냥 불필요하게 느껴졌다. 하지만 초보는 이렇게 정석대로 해야 하는 것을 알고 있다. 시작을 대충했다간 죽도 밥도 안되는 개발자가 될 수도 있다. pseudocode에 대한 이론을 읽고 코플릿 문제를 적용해가면서 풀었는데 아직 어색하다. 그렇지만 남은 코플릿 문제도 배운데로 pseudocod..

티스토리툴바