[ 코딩독학! ] 코딩기초부터 공부하기 좋은 사이트










안녕하세요~


비오는 아침이네요


뜨끈한 차 한잔 마시면서 포스팅 ㅎㅎ



 








제가 요즘 코딩공부에 관심이 생겨서

 

코딩독학하고 있는데요!


코딩독학하면서 찾아본 사이트들 중에

 

코딩기초부터 공부하기 좋은 사이트들을 추천해보려고 합니다.

 

 






저는 수학에 재능이 없는 문과생이다보니..ㅠㅠ

 

코딩 국비 교육도 받아봤는데


너무 어려워서 며칠 다니다가 포기하게 되었어요..







 

코딩공부를 아예 포기해볼까 했는데

 

아쉬움이 남더라구요

 

그래서 혼자서 공부할 수 있는 방법이 없을까 찾아보다가

 

코딩독학하기 좋은 무료사이트 몇 군데를 발견했어요!

 


 






국내에는 코딩독학하기 좋은 무료사이트가 많이 없는 것 같더라구요

 

대부분이 영어사이트이기 때문에 영어를 잘하시면 훨씬 수월하실 것 같아요.


 

영어사이트는 조금 불편하긴 하지만 좋은 사이트들이 꽤 있으니까

 

한번 확인해보세요 ^^

 



 

코딩독학하기 좋은 무료사이트 추천해드릴게요


 

 

 TCP스쿨 tcpschool.com )

 코딩에 입문하는 사람들 이 코딩기초부터 공부하기 쉽게 정리를 잘 해놓은 사이트 코드 실습 가능함.


링크 :  TCP스쿨  :  tcpschool.com 




w3school  ( w3schools.com )

TCP스쿨과 비슷한 영문사이트. / 코드 실습 가능함.



링크 :  w3school  :  w3schools.com




코드클럽 ( codeclubprojects.org )

스크래치, HTML, 파이썬 귀여운 그림과 쉬운 해설 코드 실습 가능함.



링크 :  코드클럽  :  codeclubprojects.org




[1일 1코딩]  코딩독학 HTML 이미지  feat. tcpschool





오늘은 HTML 이미지!




실습해본거 옮겨적기...





tcpschool 사이트에서 보면서


창 두개 띄워 놓고 


바로 바로 베끼면서 코딩실습하는중






이미지 삽입 태그 : <img>


<img src = "이미지 주소" alt = "대체문자열">



이미지의 크기 설정 : width, height


이미지의 테두리 설정 : border




<style>

    img {

        width:100%;

        border: 1px solid black;

    }

</style>


이미지에 링크 설정 : 


<a href="링크주소" target="_blank">

    <img src="사진주소" alt="flag" style="width:320px; height:214px">

</a>




실습






오늘은 상콤한 제훈 사진으로 실습. ㅋㅋㅋㅋ




<!DOCTYPE html>

<html lang="ko">


<head>

<meta charset="UTF-8">

<title>TCPSchool HTML Images</title>

</head>


<body>


<h2 style = "color : pink">이제훈 프로필로 이동</h2>


<a href="https://search.daum.net/search?w=tot&DA=YZR&t__nil_searchbox=btn&sug=&sugo=&q=%EC%9D%B4

%EC%A0%9C%ED%9B%88">


<img src="https://t1.daumcdn.net/cfile/tistory/9946E6345AE81E402D" alt="flag" style="width:320px; height:214px; border : 1px dotted blue">

</a>


<h4 style= "color:red">사진 클릭!</h4>


</body>


</html>




border 는 solid로 되어있었는데

점선도 될까 해서 dotted로 했는데 된닼ㅋㅋ








출처 : TCP스쿨








멘탈리스트 시즌4 에피소드3 오프닝씬




나의 최애 미드... 멘탈리스트...


멘탈리스트의 꿀잼 포인트는 오프닝씬인 것 같다.


오프닝 씬 딕테이션 해놨던 거를 하루에 한 두 문장씩 파헤쳐 보려고 만든 카테고리...!


멘탈리스트에 나온 대화로 사전 찾아보면서 공부하는것을 그냥 기록하는 글입니다...


(단어, 표현 정리)



*** 오역 지적, 의견 댓글 환영합니다 :> 




Lisbon : You think this is funny?


Cho : We've got a missing child. Marin County. Snatched from a school bus stop two hours ago.

The mother asked for us specifically. Rigsby is gonna meet us downstairs.


Lisbon : Vanpelt, set up a command post here. Liaise with the Marin sheriff. Tell him we're on our way.


Vanpelt : It's good to have her back.


Jane : Mm... Yes it is.




Jane 째려보는 Lisbon 너무 귀여움ㅋㅋㅋ






지난 글과 이어지는 대화.

Jane이 세미나에 참석하지 않겠다며 That's not gonna happen~ 이라고 약올리자

Vanpelt가 웃는데 그 모습을 본 Lisbon이 너 지금 이게 웃기니? 라고 하는 상황.


fun은 즐거운 시간을 보낼 때 재미있다 라는 뜻 / funny는 웃음이 나오는 상황에서 쓰임.




오늘의 문장과 표현 : snatch / specifically / liaise with / have someone back




첫번째 단어 : snatch



Collins Dictionary에 따르면


[Verb]

- If you snatch something or snatch at something, you take it or pull it away quickly.

- If something is snatched from you, it is stolen, usually using force. If a person is snatched, they are taken away by force.



>> 물건에 쓰일 때는 낚아채다. 사람에 쓰일 때는 납치하다 정도? 힘으로 빼앗는 느낌.



Cho : We've got a missing child. Marin County. Snatched from a school bus stop two hours ago.


"Marin 주에서 아동 실종 신고가 들어왔어요. 2시간 전 학교버스 정류장에서 납치됐답니다."




두 번째 단어 : specifically



Collins Dictionary에 따르면


[Adverb]

You use specifically to emphasize that something is given special attention and considered separately from other things of the same kind.


>> 다른 것들 중에서 분리해서 특별하게 강조하고 싶을 때. 분명하게 / 명확하게 / 특별하게 문맥에 따라 살짝씩 다른 듯.



The mother asked for us specifically. Rigsby is gonna meet us downstairs.


"그 아이의 엄마가 특별히 우리에게 의뢰했어요. Rigsby는 밑에 층에서 기다리고 있어요. / 이따 밑에서 만나기로 했어요"



Rigsby's gonna meet us downstairs. 라는 표현도 우리나라 말에서는 잘 안하는 표현같다.

밑에층에서 우리를 만날거에요..... 어색함ㅋㅋㅋ

downstairs 앞에 전치사 안붙이는 것 기억하기.




세 번째 단어 : liaise with



Collins Dictionary에 따르면


[Verb]

When organizations or people liaise, or when one organization liaises with another, they work together and keep each other informed about what is happening.


>> 어떤 조직이나 사람이 서로 정보를 주고받고 어떤 상황인지 알려줄 때 사용. 



Lisbon : Vanpelt, set up a command post here. Liaise with the Marin sheriff. Tell him we're on our way.


command post 는 사령부 / 컨트롤타워 / 지휘소.. 등으로 해석되는 것 같다. 해석을 어떻게해야할지 모르겠다


"Vanpelt는 여기에서 지휘하고, Marin 주 보안관한테 연락해서 우리가 가고 있다고 해."




세 번째 단어 : have someone back



Vanpelt : It's good to have her back.



"Lisbon이 돌아오니 좋네요" (Lisbon이 막 복직한 상황)


이 표현도 처음 들었을 때 신기한 표현이라고 생각했었다.

사람을 가진다는 표현 너무 이상하지만

의미를 알고나니까 간단하게 하기 좋은 표현같음.


토크쇼에서 보면 게스트가 가끔

Thanks for having me

라는 표현을 하는데


초대해주셔서 감사해요 라는 표현이라고 한다.





+ Recent posts